🛍️ Full Stack E-Commerce Web App — SHOPCO

A fully responsive, animated full-stack eCommerce website built with the MERN stack. It’s fast, functional, and fabulous! ShopCo lets users explore products, manage their carts, place orders, and view their purchase history — all wrapped in a clean and modern UI with smooth animations.

---

💡 Features

👤 User-Side:

• 🔐 JWT Authentication for login/signup
• 🌐 Responsive Design for mobile, tablet, and desktop
• 🎭 Animated UI with smooth transitions
• 🛍️ Browse Products by category
• ➕ Add to Cart, update quantity, remove items
• 📦 Place Orders
• 📜 View Past Orders & Order Details
• 📝 Update Profile Info
• 🌓 Light/Dark Theme (coming soon)
• 📧 Order Confirmation Emails (coming soon)
• 🤖 Customer Support Chatbot (coming soon)

---

💻 Developer-Side:

• 🚀 MERN Stack

  • React (frontend)
  • Node.js + Express (backend)
  • MongoDB (database)

• 🎨 Tailwind CSS for styling

• 🔁 RESTful API integration

• 🔐 JWT Token-based Security

• 💾 Persistent sessions and user data

• 📦 Modular folder structure for scalability

• 🧪 Coming Soon: Unit & Integration Tests

---

🚀 Tech Stack

Tech	Purpose
React	Frontend UI
Tailwind CSS	Styling + Responsiveness
Swiper.js	Carousel animations
Node.js	Backend Runtime
Express.js	API Routing
MongoDB	NoSQL Database
Mongoose	ODM for MongoDB
JWT	Authentication

---

🛠️ Getting Started

Clone the repo and install dependencies for both frontend and backend.

# 1. Clone the repository
git clone https://github.com/JaveriyaSaleem/Ecommerce-web.git

# 2. Install frontend dependencies
cd frontend
npm install

# 3. Install backend dependencies
cd backend
npm install

# 4. Create a `.env` file inside /backend with:
MONGO_URI=your_mongo_connection_string
JWT_SECRET=your_secret_key

# 5. Start the dev servers (in separate terminals)
cd frontend && npm run dev
cd backend && npm run dev

---

📬 Upcoming Features

• 🌓 Light/Dark mode toggle with local storage support
• 📧 Email notifications after successful orders
• 🤖 AI-powered customer support chatbot
• 📊 Admin dashboard for order & user management
• 🧪 Tests for better reliability

---

✨ Author

Developed with love by Javeriya Saleem 💅

Feel free to star ⭐ the repo and follow for updates!