ShopSphere

ShopSphere is a full-stack e-commerce web application built with the MERN stack (MongoDB, Express.js, React.js, Node.js). Users can browse products, add items to a shopping cart, and manage selections. Admins manage the product catalog via a private dashboard. The app includes secure authentication, responsive design, and efficient client-server communication.

👥 User Guide

For Users (Customers):

Customers can sign up or log in using any valid email (e.g., [email protected], [email protected]).
After logging in, customers can:

• Browse products with images and details
• Add/remove items from the cart
• Manage cart contents before checkout
• Enjoy a responsive interface across devices

For Admins:

Admins access a private dashboard via a dedicated link (no signup required).
Admins can:

• Add new products with details/images
• Delete products from the catalog

🚀 Features

🛒 Users:

• ✅ Registration & login
• 🛍️ Browse products with images
• 🛒 Add/remove items from cart
• 📦 Manage cart before checkout
• 📱 Responsive interface

🔐 Admins:

• 🔗 Access private dashboard
• ➕ Add new products with details/images
• 🗑️ Delete products

🌐 General:

• ⚛️ MERN stack
• 🔐 Secure authentication
• 🗂️ Multer for image uploads
• 🎨 Clean UI/UX
• 🌍 Fully responsive

🛠️ Tech Stack

Technical Decisions

• React Router for navigation
• Admin via private link
• MongoDB Atlas + Mongoose for persistent storage

🧾 Setup Instructions

• git clone https://github.com/RahulRouchanGogoi/ShopSphere.git
• cd ShopSphere
• npm install
• npm run dev

Explore the Website

• Frontend: Click to launch
• Backend: Click to access
• Admin Dashboard: Private link (not publicly shared)

📸 Screenshots

Home Section (Mobile)

Product View Section (Mobile)

Cart Section (Mobile)

Admin Page (Mobile)

Home Page (Laptop)

Home Page (Laptop)

Login Page (Laptop)

👨‍💻 About the Developer

Hi! I’m Rahul Rouchan Gogoi, passionate about full-stack development.

• LinkedIn: Rahul Rouchan Gogoi
• Email: [email protected]