🛍️ Shopify – A Full Stack MERN E-commerce Web Application

A fully functional E-commerce web application built using the MERN Stack (MongoDB, Express.js, React.js, Node.js). This project replicates core features of platforms like Shopify, including authentication, product management, cart system, order processing, payments, and admin dashboard.

---

🚀 Live Demo:-

• Frontend: https://shop-shopping-on-shopify.netlify.app

• Backend API: https://e-commerce-server-4qa7.onrender.com

---

🛠️ Tech Stack:-

Frontend

• React.js

• React Router

• Context API / Redux

• Axios

• Tailwind CSS

• Paypal (Payments)

Backend

• Node.js

• Express.js

• MongoDB

• Mongoose

• JWT Authentication

• Paypal API

• Cloudinary (Image Upload)

---

✨ Core Features

👤 Authentication

• User Registration

• Login / Logout

• JWT Based Auth

• Protected Routes

🛒 E-commerce Features

• Product Listing

• Product Details Page

• Add to Cart

• Update Quantity

• Remove from Cart

• Checkout

• Payment Integration (Paypal)

• Order History

🛠 Admin Dashboard

• Add Product

• Edit Product

• Delete Product

• Manage Orders

• Manage Users

---

⚙️ Installation Guide:-

1️⃣ Clone the Repository

• git clone https://github.com/VigneshRav/Shopify---E-Commerce_Web_Application.git

• cd E-Commerce

2️⃣ Install Dependencies

Install Server

• cd server

• npm install

Install Client

• cd client

• npm install

---

🔑 Environment Variables:-

Create .env files in both client and server.

See:

• /server/.env

• /client/.env

---

▶️ Running the Project:-

Start Backend

• cd server

• npm run dev

Start Frontend

• cd client

• npm run dev

---

🌍 Deployment:-

You can deploy using:

• Frontend → Netlify / Vercel

• Backend → Render / Railway

• Database → MongoDB Atlas

---

🙋‍♂️ Author & Contact:-

• Developed by: Vignesh R | Full Stack Developer (MERN)

• GitHub: @VigneshRav

• Email: vignesh212000@gmail.com

---