https://github.com/andriishulha93/ecommerce-bitex
Full Stack E-Commerce Website (+ Dashboard)
https://github.com/andriishulha93/ecommerce-bitex
api-integration ecommerce javascrpit nextauth nextjs nodejs prisma redux scss typescript
Last synced: 17 days ago
JSON representation
Full Stack E-Commerce Website (+ Dashboard)
- Host: GitHub
- URL: https://github.com/andriishulha93/ecommerce-bitex
- Owner: andriishulha93
- Created: 2025-03-05T21:21:46.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-31T02:28:35.000Z (2 months ago)
- Last Synced: 2025-05-12T20:55:47.414Z (21 days ago)
- Topics: api-integration, ecommerce, javascrpit, nextauth, nextjs, nodejs, prisma, redux, scss, typescript
- Language: TypeScript
- Homepage: https://bitex.namvar.dev/
- Size: 6.85 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Full Stack E-Commerce Website (+ Dashboard) with Next.js 14: React, Typescript, SASS, Prisma, MongoDB, NextAuth, Redux.
## Overview
Bitex is a full-stack E-Commerce project developed with Next.js 14, featuring a range of technologies including React, Typescript, SASS, Prisma, MongoDB, NextAuth, and Redux.
⚠️ `Note:` This project is a personal endeavor created for portfolio purposes and is not associated with any real business or project.
---
#### 🔗 Live Version:
https://bitex.namvar.dev ⤴️
---
### 🖥️ Admin Dashboard Features
#### 🔐 Authentication:
- Credential authentication for Dashboard using NextAuth.
#### 📁 Category Management:
- Advanced category management, including combining categories.
- Add, update, and delete categories and subcategories.
- Dedicated **specifications** for every category.
#### 🏭 Brands and Products:
- Add and delete products with category-specific specifications.
- Add, update, and delete brands.
#### 📋 Traffic Report:
- Reports on user page visits.
---
### 🛍️ E-Commerce Store Features
#### 🎨 UI Features:
- Full responsiveness
- CSS animations and effects (`SASS` preprocessor)
- Skeleton loadings (without using external library )to have seamless page navigation experience.
- Custom made UI Components (no external library):
- Price range slider
- CheckBox
- DropDownList
- Popups
- Button
- Interactive Homepage Slider
- Crafted from scratch without using any Library
- Supports both Mouse Drag and `TouchInput`
- Shopping cart management with **Redux**.
- Product gallery to showcase items attractively.
- Dynamically Loading Categories (List) from Database
#### 🔍 Filter and Sort:
- Advanced filters products by Price, Brand, and Availability.
- Sorting options in product list page (sort by name and price).
#### ⚙️ Backend:
- Interaction with MongoDB database using Prisma ORM.
- Database integration using MongoDB hosted on MongoDB Atlas.
- Server-side form data validation using ZOD.
## 🚀 Getting Started
#### 💾 Cloning the repository
```shell
git clone https://github.com/Jastin5831/ecommerce_bitex.git
```
#### 📥 Install packages
```shell
npm i
```
#### 🛠️ Setup .env file
```js
DATABASE_URL=
NEXTAUTH_SECRET=
CLOUDINARY_URL= //Hosting address for products images
```
#### ⬆️ Setup Prisma
```shell
npx prisma db push
```
#### 🚀 Start the app
```shell
npm run dev
```