An elegant and responsive e-commerce frontend built with React.js. Fresh Cart offers a modern UI/UX experience with full user authentication, cart management, and product browsing. Live Demo
- β User registration & login (with JWT)
- π Auto login & protected routes
- π Forget & Reset Password
- π οΈ Update user data
- ποΈ Browse products, brands, and categories
- π Add/Remove items from wishlist
- π Add to cart, remove from cart, and update item count
- π³ Payment
- π Search functionality (coming soon)
- π± Fully responsive design
- π¦ Loading indicators & toasts
- React 18
- React Router DOM β for client-side routing
- Formik + Yup β for form handling and validation
- Axios β for API communication
- React Query (@tanstack/react-query) β for efficient data fetching and caching
- Framer Motion β for animations
- React Hot Toast & React Toastify β for notifications
- React Slick + Slick Carousel β for responsive sliders
- Swiper β for modern swipers
- JWT Decode β to handle user tokens
- Font Awesome β for icons
- React Loader Spinner β for loading states
- React Detect Offline β to notify user of connectivity status
# Clone the repository
git clone https://github.com/your-username/fresh-cart.git
# Navigate to the project folder
cd fresh-cart
# Install dependencies
npm install
# Run the app
npm run dev
π§ͺ Status β Most features are done π Search will be added soon πΌοΈ UI images will be added later
Menna Helal
Frontend Developer | Passionate about clean code & UX
Currently learning Backend Development to become a full-stack developer.
π« LinkedIn | GitHub