🛒 ShopSphere - MERN Ecommerce Website

A modern full-stack ecommerce web application built using the MERN Stack.

🚀 Features

• User Registration & Login
• JWT Authentication
• Protected Routes
• Product Search Functionality
• Shopping Cart System
• Add / Remove Products
• Product Detail Modal
• Cart Quantity Management
• Checkout Functionality
• LocalStorage Cart Persistence
• Responsive UI Design
• Toast Notifications
• Modern Animations with Framer Motion

---

🛠️ Technologies Used

Frontend

• React.js
• React Router DOM
• Tailwind CSS
• Framer Motion
• React Toastify
• Lucide React Icons

Backend

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

---

📂 Project Structure

client/   → Frontend React Application
server/   → Backend Express API
🔐 Authentication
Secure user authentication using JWT
Password hashing using bcryptjs
Protected routes for authorized access
🛒 Cart Features
Add products to cart
Remove products from cart
Update product quantity
Persistent cart using localStorage
<img width="960" height="540" alt="Screenshot 2026-05-20 121329" src="https://github.com/user-attachments/assets/d6ea2551-3571-4003-a7b4-6d9a93ef7c9b" />
<img width="960" height="540" alt="Screenshot 2026-05-20 121313" src="https://github.com/user-attachments/assets/afe140d7-e107-4cdd-baa9-d69707b50d01" />
<img width="960" height="540" alt="Screenshot 2026-05-20 121238" src="https://github.com/user-attachments/assets/f75383b2-fffc-4769-b566-a7f0907d4703" />

⚙️ Installation
Clone Repository
Bash
git clone https://github.com/DevarapalliSravani05/CodeAlpha_EcommerceStore.git
Install Frontend Dependencies
Bash
cd client
npm install
npm start
Install Backend Dependencies
Bash
cd server
npm install
npm run server
🌐 Future Improvements
Online Payment Integration
Admin Dashboard Enhancements
Product API Integration
Wishlist Functionality
Order History
Dark Mode
👩‍💻 Author
Sravani
LinkedIn: https://www.linkedin.com/in/sravani-devarapalli
GitHub: https://github.com/DevarapalliSravani05⁠�
⭐ Project Status
✅ Completed
🚀 Ready for Deployment