Next-ecommerce

View online | Login with { admin , admin } to see admin panel (dont change data`s)

Features 🛠️

1. Authentication
   • SignIn
   • SignUp
2. Filter products by
   • Category
   • Gender
   • Size
   • Search
   • ...
3. Cart
   • Add to cart
   • Delete from cart
   • Edit product in cart(color , size , quantity)
   • Checkout
4. Order
   • Create order
   • Cancel order
   • Reject order (ADMIN)
   • Accept order (ADMIN)
5. Create product (ADMIN)
   • Product images
   • Title and description
   • Product Price
   • Colors and Sizes
   • Quantity
6. Create category (ADMIN)
   • images
   • Title
7. Edit and delete product (ADMIN)
8. Show daily information and month income chart (ADMIN)
9. Send email

Built With 🧩

Getting Started

First, install dependencies:

npm install
# or
npm i

Second, create .env file and fill values:

DATABASE_URL=<mongodb database>

SECRET_KEY="weofnweofmw-weoncweoinow2343t5349wnkdc"

# Mail server 
MAIL_HOST=<host>
MAIL_PORT=<port>
MAIL_USER=<username>
MAIL_PASSWORD=<password>

Third, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Project Shots 📸

SignIn & SignUp page /sign-in , /sign-up

Home page /

Product page /product/:id

Filters page /category

Cart page /cart

Orders page /orders

Search

Admin home page /admin

Admin products page /admin/products

Admin edit product /admin/products

Admin add product page /admin/add-product

Admin categories page /admin/categories

Admin add category /admin/categories

Admin orders page /admin/orders