FreshCart 🛒✨

Welcome to FreshCart! This vibrant sample application showcases a dynamic E-commerce website built with React. Dive into a seamless shopping experience powered by modern technology and explore products with ease.

Key Features 💡

• Home: Discover a captivating slider, explore various categories, and browse popular items effortlessly.
• Products: Enjoy a paginated display of products with options to filter, sort, and view detailed information, including pricing, ratings, and more. Add items to your cart or wishlist with a click!
• Categories & Brands: Filter products by categories and brands to quickly find what you're looking for.
• Cart: Manage your cart items, adjust quantities, and view the total price effortlessly.
• Checkout: Choose between cash or Stripe payment options for a smooth checkout experience.
• Orders: Track your orders with detailed information for peace of mind.
• User Management: Sign in, register, reset your password, update your details, and manage addresses all in one place.

Built with Modern Tech 🔍

• Frontend: HTML, CSS, JSX, React, Tailwind
• State Management: React Query, Context
• Integration: Axios, Yup, Cloudinary
• Tools: Git, GitHub, Vercel

Live Demo 🔗

Explore the live demo here: FreshCart Demo

Detailed Explanation of Pages 📖

• Home Page: Features a stylish slider, category browsing, and popular products.
• Products Page: Displays products with pagination, filters, sorting options, and details. Add items to cart or wishlist directly.
• Categories Page: Shows products filtered by categories.
• Brands Page: Displays products by brand.
• Cart Page: Manage your cart, adjust item quantities, and view the total cost.
• Checkout Page: Complete your purchase with cash or via Stripe.
• Orders Page: Track your orders with comprehensive details.
• Sign In Page: Secure user sign-in.
• Register Page: Easy user registration.
• Forget Password Page: Reset your password effortlessly.
• Personal Details Page: Update user info and profile photo.
• Change Password Page: Change your password securely.
• User Address Page: Add and update your addresses.

Technologies and Tools Used 🌐

• Frontend: HTML, CSS, CSS Modules, Tailwind CSS, JSX, React
• State Management: React Query, React Context, Custom Hooks
• Integration: Axios, Yup, Cloudinary
• Icons: React Icons, FontAwesome
• Tools: Git, GitHub, Vercel

FreshCart is your ultimate E-commerce playground—explore, shop, and enjoy the seamless shopping experience it offers. Happy shopping! 🎉🛍️

Feel free to adjust or expand this description to fit your needs!