smartcart_project

🛒 SmartCart - Full Stack eCommerce Web App

SmartCart is a full-stack eCommerce application where users can browse products, login, and manage their cart. Built using modern web technologies with a clean UI and REST API backend.

🚀 Live Demo

🌐 Frontend: https://your-username.github.io/smartcart_project/
🔗 Backend API: https://your-backend-url.onrender.com

📸 Screenshots

🏠 Home Page

(Add screenshot here)

🛍️ Product Page

(Add screenshot here)

📁 Project Structure

smartcart-project/
│
├── backend/
│   ├── server.js
│   ├── routes/
│   ├── models/
│   ├── package.json
│
├── frontend/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
└── README.md

⚙️ Tech Stack

💻 Frontend

HTML5
CSS3
JavaScript (Vanilla JS)

🖥️ Backend

Node.js
Express.js

🗄️ Database

MongoDB (MongoDB Atlas)

🚀 Features

🔐 User Authentication (Login)
🛍️ Product Listing
🛒 Add to Cart System
🔄 API Integration (Frontend ↔ Backend)
📱 Responsive Design

🔌 API Endpoints

🔹 Base URL

https://your-backend-url.onrender.com

🔹 Routes

Method	Endpoint	Description
GET	/	Check server status
GET	/api/products	Get all products
POST	/api/login	User login
POST	/api/cart	Add item to cart

🛠️ Installation (Local Setup)

1️⃣ Clone Repository

git clone https://github.com/your-username/smartcart_project.git

2️⃣ Backend Setup

cd backend
npm install
npm start

3️⃣ Frontend Setup

Open:

frontend/index.html

in your browser

🔑 Environment Variables

Create .env file in backend folder:

🌐 Deployment

Backend deployed on Render
Frontend deployed on GitHub Pages

⚠️ Important Notes

Update API URL in script.js:

https://your-backend-url.onrender.com/api

Do NOT use localhost after deployment

👩‍💻 Author

Madhu

⭐ Future Improvements

Payment Integration 💳
Order History 📦
Admin Dashboard 📊

🙌 Acknowledgements

Node.js
Express.js
MongoDB
GitHub