Skip to content

ajey108/LapyE-Shop

Repository files navigation

🛒 Laptop E-commerce MERN WebApp

🚀 Live Demo: View Webapp

🏠 Home Page
Image Alt

🛍️ Product Page

Image Alt

🛒 Cart Page

Image Alt

💵Payment Pagge

Image Alt

🔑 User Dashboard

Image Alt

🔧 Admin Panel

Image Alt

🛠️ Tech Stack

Frontend: React, React Router, Tailwind CSS

Backend: Node.js, Express.js

Database: MongoDB

Authentication: JWT

Cloud Storage: Cloudinary

Payment Gateway: Stripe.js

✨ Features

User Features

✔️ Register/Login with JWT authentication✔️ Browse and view laptop products✔️ Add products to cart✔️ Place orders & checkout via Stripe✔️ View order history & track order status

Admin Features

✔️ Secure admin login✔️ Add, update & delete laptop products✔️ Manage customer orders & update order status✔️ Upload images using Cloudinary

🔧 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/ajey108/LapyE-Shop

2️⃣ Install Dependencies

Backend

npm install

Frontend

cd frontend
npm install

3️⃣ Setup Environment Variables

Create a .env file in the backend directory and add:

JWT_SECRET=your_jwt_secret
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret
STRIPE_SECRET_KEY=your_stripe_secret

4️⃣ Run the Application

Backend

npm run server

Frontend

npm run dev

🎯 Future Enhancements

✅ Wishlist functionality

✅ Multi categories

✅ RazorPay integration

📄 License

This project is licensed under the MIT License.

💡 **Developed with ❤️ by Ajay

About

Exclusive laptops ecommerce webapp.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages