🛒 SmartsankarCode E-commerce Project

This repository contains the full E-commerce platform built by SmartSankarCode, including both frontend and backend.

--- MERN

• Frontend: React JS + CSS
• Backend: Node.js + Express + MongoDB

---

🌐 Live Demo

You can check the live demo of this project here:

• Frontend: https://smartsankarcode-ecommerce.netlify.app
• Backend APIs: https://smartsankarcode-ecommerce-backend.onrender.com/api/products

⚠️ Note: Free hosting services like Netlify (frontend) and Render (backend) may take a few seconds to wake up if inactive. Backend uptime is maintained using UptimeRobot to prevent sleep periods on free hosting.

---

🔑 Demo Account (Optional)

You can use this account to log in without registering: 1.Open the frontend link. 2.Go to the Login page. 3.Enter the demo credentials to explore the site.

• Login page: Go to Login
• Email: demo@gmail.com
• Password: Demo1234

⚠️ Note: Feel free to register your own account if you want full control over your orders and cart.

---

🎨 Assets & Credits

• Product Images: Downloaded from free resources on the internet (e.g., Pinterest) for demonstration purposes.
• Icons: Sourced from free online icon libraries.
• Logos: Generated using ChatGPT.
• Page Layouts & CSS(responsive): Some page structures, layouts, and styling(responsive) were assisted and generated using GitHub Copilot and ChatGPT.

⚠️ All assets are used for educational/demo purposes only and not for commercial use.

---

📁 Repository Structure

ecommerce/

• ├── ecommerce-backend/ # Node.js + Express backend
• ├── ecommerce-frontend/ # React frontend
• └── README.md # This combined project documentation

---

⚙️ Frontend

See ecommerce-frontend/README.md for detailed information.
Key points:

• Built with React JS, and CSS
• Pages: Auth (Login/Register), Home, Categories, Product Details, Cart & Checkout, Orders, Tracking
• Profile name shown on Checkout page; Logout option appears when clicking profile icon
• Connects with backend APIs for authentication, products, cart, and orders

---

⚙️ Backend

See ecommerce-backend/README.md for full backend details.
Key points:

• Built with Node.js, Express, MongoDB
• RESTful APIs for authentication, products, delivery options, cart, and orders
• JWT authentication stored in HTTP-only cookies

---

🏃 How to Run Locally

0. Clone the Repository

Open your terminal and run:

• git clone https://github.com/SmartSankarCode/ecommerce.git
• cd ecommerce

1. Start Backend

• cd ecommerce/ecommerce-backend
• npm install
• npm start

-- Backend runs on http://localhost:3000

2. Start Frontend

• cd ecommerce/ecommerce-frontend
• npm install
• npm run dev

-- Frontend runs on http://localhost:5173

✅ Notes:

• You need Node.js and npm installed on your machine.
• Run the commands one by one in your terminal.
• Backend and frontend can run simultaneously in separate terminal tabs/windows.

👨‍💻 Author

Made by SmartSankarCode — beginner full-stack developer passionate about building real-world applications.

Contact: (rayisankar8888@gmail.com)