🛍️ NexCart

🚀 Live Demo

👉 View NexCart Live

A modern, full-stack e-commerce platform built for a seamless online shopping experience.

NexCart is a modern e-commerce web application designed to provide a smooth and engaging shopping experience. It combines a clean, responsive frontend with a scalable backend and MongoDB database.

---

✨ Features

• 🏠 Modern & responsive homepage
• 🛍️ Product browsing and product details
• 🔎 Product search and categories
• 🛒 Add to cart & cart management
• 👤 User authentication
• 📦 Order management
• 💳 Checkout-ready architecture
• 🔐 Secure backend API
• 🗄️ MongoDB database integration
• 📱 Responsive design for desktop and mobile
• ⚡ Fast development with Vite
• 🔄 RESTful API architecture

---

🚀 Tech Stack

Frontend

• React
• Vite
• JavaScript
• CSS

Backend

• Node.js
• Express.js
• MongoDB
• Mongoose
• JWT Authentication

Development Tools

• Git
• GitHub
• Nodemon
• npm

---

📁 Project Structure

NexCart/
│
├── client/
│   ├── src/
│   ├── public/
│   ├── package.json
│   └── ...
│
├── server/
│   ├── models/
│   ├── routes/
│   ├── controllers/
│   ├── middleware/
│   ├── server.js
│   ├── package.json
│   └── ...
│
├── .gitignore
└── README.md

---

⚙️ Getting Started

1. Clone the repository

git clone (https://github.com/unnatiguptaaa/Nexcart/)
cd NexCart

2. Install frontend dependencies

cd client
npm install

3. Install backend dependencies

Open another terminal:

cd server
npm install

4. Configure environment variables

Create a .env file inside the server folder:

PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret

⚠️ Never commit your .env file to GitHub.

5. Start the backend

cd server
npm run dev

Backend will run on:

 http://localhost:5173/

6. Start the frontend

cd client
npm run dev

---

🔐 Environment Variables

Variable	Description
PORT	Backend server port
MONGO_URI	MongoDB connection string
JWT_SECRET	Secret key used for authentication

---

📸 Screenshots

Add your project screenshots here:

Coming soon 🚀

📸 Screenshots

🏠 NexCart Homepage

---

🛣️ Future Improvements

• 💳 Online payment integration
• ❤️ Wishlist
• ⭐ Product reviews & ratings
• 👨‍💼 Admin dashboard
• 📊 Sales analytics
• 📧 Order confirmation emails
• 🚚 Order tracking
• 🔔 Notifications

---

🤝 Contributing

Contributions, suggestions, and improvements are welcome!

1. Fork the repository
2. Create a new branch
3. Make your changes
4. Commit your changes
5. Push your branch
6. Open a Pull Request

---

📄 License

This project is created for learning and development purposes.

---

💙 Built with

React • Node.js • Express • MongoDB

Made with ❤️ for the NexCart project.