https://github.com/subratamondal1029/techkart
A E commerce website with react and tailwind
https://github.com/subratamondal1029/techkart
appwrite-auth appwrite-database appwrite-function appwrite-storage ecommerce ecommerce-website html5qrcode jspdf jspdf-autotable jsx npm qrcode razorpay react react-dom react-hook-fom react-router-dom redux-toolkit tailwind
Last synced: about 2 months ago
JSON representation
A E commerce website with react and tailwind
- Host: GitHub
- URL: https://github.com/subratamondal1029/techkart
- Owner: subratamondal1029
- Created: 2024-08-02T14:57:37.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-17T17:40:37.000Z (almost 2 years ago)
- Last Synced: 2025-01-10T12:58:41.500Z (over 1 year ago)
- Topics: appwrite-auth, appwrite-database, appwrite-function, appwrite-storage, ecommerce, ecommerce-website, html5qrcode, jspdf, jspdf-autotable, jsx, npm, qrcode, razorpay, react, react-dom, react-hook-fom, react-router-dom, redux-toolkit, tailwind
- Language: JavaScript
- Homepage: https://techkart-five.vercel.app
- Size: 1.48 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TechKart Full-Stack E-commerce Platform
TechKart is a full-stack e-commerce platform built with the MERN stack. It includes both backend APIs and a modern React frontend to provide a complete shopping experience.
## 📂 Project Structure
- [Backend (API)](./backend)
Node.js + Express backend with RESTful APIs, authentication, product & order management, payment integration, and more.
- [Frontend (Client)](./frontend)
React-based frontend with Redux Toolkit, infinite scrolling, optimistic UI updates, QR code scanning, and responsive design.
## 🚀 Getting Started
Please refer to the respective README files inside each folder for detailed information about the project:
- [Backend README](./backend/README.md)
- [Frontend README](./frontend/README.md)
---
### 📋 Prerequisites for 🚀 Running the Project Locally
Before you start, make sure you have the following installed:
- [NodeJS](https://nodejs.org/)
- [Docker](https://www.docker.com/)
- Make sure port **80** is available, or update the port in [`docker-compose.yml`](./docker-compose.yml)
---
### 🔄 Cloning the Repository
```bash
git clone git@github.com:subratamondal1029/techkart.git
```
---
### ⚙️ Configuring Environment Variables
Use the [`.env.example(frontend)`](./frontend/.env.example) & [`.env.example(backend)`](./backend/.env.example) file as a template to create your own `.env` files:
```yaml
PORT=8000
ORIGIN=http://localhost
NODE_ENV=production
```
---
### 🏁 Starting the Project
```bash
cd techkart
docker compose up -d --build # build and up containers
docker cp ./backup/db/ techkart-mongo:./backup/ # copy mongoDB backup
docker exec -it techkart-mongo bash # connect to mongoDB container
mongorestore --uri="mongodb://localhost:27017" --db="techkart" ./backup/techkart/ # restore mongoDB backup
# 537 document(s) restored successfully. 0 document(s) failed to restore.
# if error "0 document(s) restored successfully. 537 document(s) failed to restore. then"
mongosh
use techkart
db.dropDatabase()
exit
mongorestore --uri="mongodb://localhost:27017" --db="techkart" ./backup/techkart/ # restore mongoDB backup
rm -rf backup/* # remove mongoDB backup (optional)
```
### 🧪 Testing User Credentials
Use the following test accounts to log in and explore the platform features:
| Role | Email | Password |
| -------- | -------------------- | ------------- |
| user | subrata@user.com | @1Iamuser |
| seller | subrata@seller.com | @1Iamseller |
| shipment | subrata@shipment.com | @1Iamshipment |
| delivery | subrata@delivery.com | @1Iamdelivery |
> **Note:** These credentials are for testing purposes only. You can also create your own account to explore the full experience.
---
## License
This project is source-visible and shared only for portfolio showcase purposes.
Commercial use, redistribution, or claiming ownership is not permitted without explicit permission from the author.