Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abdullah-moiz/nextjs-ecommerce
E-commerce App using NEXTJS 13 , TypeScript , SWR , Redux toolkit , Mongoose , react hook forms
https://github.com/abdullah-moiz/nextjs-ecommerce
admin-dashboard e-commerce-application ecommerce ecommerce-website next13 nextjs nextjs-13 nextjs-commerce nextjs-ecommerce nextjs-typescript-tailwindcss nodejs opensource project projects react reactjs typescript
Last synced: 6 days ago
JSON representation
E-commerce App using NEXTJS 13 , TypeScript , SWR , Redux toolkit , Mongoose , react hook forms
- Host: GitHub
- URL: https://github.com/abdullah-moiz/nextjs-ecommerce
- Owner: Abdullah-moiz
- Created: 2023-05-01T07:07:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-08T09:39:31.000Z (7 months ago)
- Last Synced: 2025-01-06T16:11:07.552Z (16 days ago)
- Topics: admin-dashboard, e-commerce-application, ecommerce, ecommerce-website, next13, nextjs, nextjs-13, nextjs-commerce, nextjs-ecommerce, nextjs-typescript-tailwindcss, nodejs, opensource, project, projects, react, reactjs, typescript
- Language: TypeScript
- Homepage: https://nextjs-ecommerce-typescript.vercel.app/
- Size: 999 KB
- Stars: 156
- Watchers: 4
- Forks: 58
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#### App is live and running at
### https://nextjs-ecommerce-typescript.vercel.app/
- don't forget to leave a star ! :)
## Authors
- [Abdullah Moiz](https://www.github.com/Abdullah-moiz)
## Features
#### NOTE
- Admin Dashboard is only accessible to you if you clone it you can't Signup for Admin Account I have added dummy Product and categories
#### multi User Login System
- SignIn / SignUp ✔
- Forget Password ✔
- JWT validation on each Authorized Request ✔
- Authorization validation for Admin Access and Customer Access ✔
# ADMIN PANEL
- Add a product ✔
- view Product ✔
- Delete a Product ✔
- update product ✔
- Add a Category ✔
- view Category (Data tables) ✔
- update Category ✔
- Delete category ✔
- search category By name ✔
- search product by category Name ✔
- Handle Order Delivery ✔
- Pending Order List ✔
- Completed Order List ✔
# Customer
- View Product & Category ✔
- view product related to specific category ✔
- view dynamic pages detail with breadcamp ✔
- Add product to cart ✔
- Remove Product from cart ✔
- Increase Decrease cart Item Quantity ✔ (IF product Instock Quantity is less then your cart quantity then you are unable to increase that product Quantity)
- Alert if InStock Quantity isn't Available ✔
- Bookmark favourite Product ✔
- remove product from bookmark ✔
- Order a Product ✔
- After Creating an Order Product Exists in Cart for current User will be Cleared ✔
- track Order Status ✔
- View Order Detail ✔
#### Note
More Functionality will be added with time
## Tech
- Nextjs 13
- Typescript
- tailwind css
- Redux toolkit
- joi validation
- mongoDB
- SWR hooks for fetching API
## Environment Variables
To run this project, you will need to add the following environment variables to your .env file
`DB_URI` = Your mongoDB URL
`JWT_SECREAT` = Your custom JWT_SECREAT key
`NEXT_PUBLIC_API_BASE_URL` = Base URL for localhost => http://localhost:3000
## Installation
Install my-project with npm
```bash
npm install
npm run dev (for development server)
npm run build (for Production)
npm run preview (To View Production Server )
```
### Screen shots
#### Admin Dashboard
#### Admin Add Product
#### Admin Add Category
#### Admin View Category
#### Admin View Product
#### Admin Search Product with category Name
#### Admin Search category with category Name
#### Pending Order List
#### Completed Order List
#### Landing Page
#### view Product of Specific category with Dynamic Breadcamp
#### view Product of Detail with Dynamic Breadcamp
#### Cart Page
#### Alert IF Item Quantity isn't available in stock
#### Favourite Products
#### Delete Favourite Products
#### Search Favourite Products with product Name
#### Order a Product
#### Track Orders
#### Check order Details
