Freshcart (React)

FreshCart is my very first e-commerce project, built with React.js!

FreshCart is a modern e-commerce web application designed to streamline the online shopping experience. From browsing and purchasing to managing orders, this platform leverages the latest technologies to deliver a seamless and intuitive user experience.

Key Features:-

1️⃣ User Authentication:

Secure login and registration system.

"Forgot Password" feature for easy recovery.

2️⃣ Product Management:

Browse Products: Filter by categories or brands to explore a wide range of items.

Product Details: View comprehensive product details, including images, descriptions, and pricing.

3️⃣ Payment Methods:

Online payments via secure methods.

Cash on delivery for convenience.

4️⃣ Order Management:

Order History: Track current and past orders effortlessly.

5️⃣ Single Page Application (SPA):

Minimizes loading times for smoother performance and better user experience.

6️⃣ Responsive Design:

Optimized for all devices, including a dark mode option.

7️⃣ Form Validation:

Robust user registration validation and password recovery codes.

8️⃣ Cart Management:

Add, remove, or adjust product quantities dynamically with ease.

9️⃣ Order Creation:

Create and view cash or card orders instantly, with a detailed order history.

1️⃣0️⃣ Wishlist:

Save favorite products for later or manage preferences dynamically.

1️⃣1️⃣ Context API:

Efficient global state management for a consistent app experience.

1️⃣2️⃣ Scalable Deployment:

Deployed on Vercel for performance and scalability.

️ Technologies Used:-

React.js

React Router DOM

Tailwind CSS

Axios for API requests

React Query (TanStack) for server state management

Contexts & Hooks

Formik & Yup for form validation

Protected Routes with React Router DOM

Toaster for notifications

Slick Carousel

JWT for secure authentication

React Helmet for better SEO

Generate-react-cli