- TechShop is an online shopping platform focused on technology products. Developed with the MERN stack—MongoDB, Express.js, React.js, and Node.js—it features a sleek, intuitive interface designed to deliver a smooth and efficient user experience.
- *User Authentication: Includes secure user registration and login functionalities.
- *Product Listing: Comprehensive listing of tech products with detailed descriptions and images.
- *Shopping Cart: Users can add/remove items with an auto-update feature.
- *Order Management: Users can track their orders from checkout to delivery.
- *Admin Panel: Allows sellers to manage product inventory and monitor orders in real-time.
- *Responsive Design: A mobile-friendly UI for shopping on-the-go.
- *Ratings: Customers can rate their purchased products.
- *Frontend: React.js (located in the 'frontend' folder)
- *Backend: Express.js & Node.js (located in the 'backend' folder)
- *Database: MongoDB
$ Installation & Setup $
YOU NEED THESE
- Node.js
- npm
- MongoDB
- Navigate into the project directory.
- Install backend dependencies in the root folder:
npm install
- Navigate into the frontend directory:
cd frontend - Install frontend dependencies:
npm install
- Navigate back to the root directory:
cd .. - Start the development server:
npm run dev
Note: You need to add your own
.envfile in the root folder with the necessary environment variables for the project to work. CHECK THE example.env