https://github.com/codewithabbass/eshop
🛒 A full-stack Daraz Ecommerce Clone with product management, user authentication, cart, checkout, and an admin dashboard. Built with React, Vite, Bootstrap, Redux Toolkit, Node.js, Express.js, and PostgreSQL, marking a key milestone in my full-stack journey.
https://github.com/codewithabbass/eshop
daraz eshop expressjs nodejs postgresql reactjs
Last synced: 6 months ago
JSON representation
🛒 A full-stack Daraz Ecommerce Clone with product management, user authentication, cart, checkout, and an admin dashboard. Built with React, Vite, Bootstrap, Redux Toolkit, Node.js, Express.js, and PostgreSQL, marking a key milestone in my full-stack journey.
- Host: GitHub
- URL: https://github.com/codewithabbass/eshop
- Owner: CodeWithAbbass
- Created: 2023-06-05T16:31:45.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-03-29T00:57:46.000Z (6 months ago)
- Last Synced: 2025-03-29T01:26:35.755Z (6 months ago)
- Topics: daraz, eshop, expressjs, nodejs, postgresql, reactjs
- Language: JavaScript
- Homepage:
- Size: 14.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
# 🛒 Daraz Ecommerce Clone
## 🌟 Overview
This is a **full-stack Ecommerce application** inspired by Daraz, covering the entire shopping flow from **product creation to order delivery**. Built as a **learning project** at the beginning of my career, it helped me gain hands-on experience in full-stack development.
## 🎯 Features
- ✅ **User Authentication** – Secure login and signup system
- ✅ **Product Management** – Create, update, and delete products
- ✅ **Shopping Cart & Checkout** – Add products to cart and place orders
- ✅ **Admin Dashboard** – Manage products and orders (CRUD operations)
- ✅ **Order Management** – Track and update order status
- ✅ **Category-based Filtering** – Browse products by categories (Only Frontend)
- ✅ **Responsive UI** – Designed with Bootstrap for a clean and modern interface
## 🛠️ Tech Stack
### **Frontend**
- ⚛ **React.js** – Component-based UI development
- ⚡ **Vite** – Fast and efficient build tool
- 🎨 **Bootstrap** – Responsive and modern design
- 🔄 **Redux Toolkit** – State management for seamless user experience
### **Backend**
- 🚀 **Node.js & Express.js** – REST API for data handling
- 🗄 **PostgreSQL** – Scalable and reliable relational database
### **Mobile App**
## 📸 Screenshots
| Page Name | Screenshot |
| ------------------- | ------------------------------------------------- |
| **Home Page** |  |
| **Product Page** |  |
| **Cart Page** |  |
| **Checkout Page** |  |
| **Admin Dashboard** | .png) |
➡ More images available in the repository.
## 🚀 Achievements & Learnings
- Built a **Full-stack** Ecommerce platform from product creation to order delivery.
- Gained expertise in React, Redux Toolkit, Node.js, Express.js, and PostgreSQL.
- Implemented secure authentication and an admin dashboard for product & order management.
- Designed scalable REST APIs and optimized state management with Redux Toolkit.
- Developed a responsive UI using Bootstrap for a seamless user experience.
- This project was a key milestone in my full-stack development journey. 🚀
## 🏗️ Project Architecture
```bash
/client/src
├── components
├── Pages
├── Store (Redux Toolkit)
├── assets
├── Css
├── helpers
├── helpers
├── styles
├── App.jsx
├── main.jsx
/server
├── controller
├── helpers
├── middleware
├── uploads
├── utils
├── routes
├── db.js
├── index.js
```