https://github.com/abdullah-moiz/e-commerce-next-app

An E-commerce Application using NEXT JS + TAILWIND CSS & MongoDB
https://github.com/abdullah-moiz/e-commerce-next-app

e-commerce e-commerce-project ecommerce nextjs nextjs-ecommerce react redux-toolkit tailwind taiw taiwlindcss

Last synced: 10 days ago
JSON representation

An E-commerce Application using NEXT JS + TAILWIND CSS & MongoDB

• Host: GitHub
• URL: https://github.com/abdullah-moiz/e-commerce-next-app
• Owner: Abdullah-moiz
• Created: 2023-02-03T11:36:40.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-20T12:05:40.000Z (almost 2 years ago)
• Last Synced: 2024-12-10T19:26:51.035Z (about 2 months ago)
• Topics: e-commerce, e-commerce-project, ecommerce, nextjs, nextjs-ecommerce, react, redux-toolkit, tailwind, taiw, taiwlindcss
• Language: JavaScript
• Homepage:
• Size: 3.07 MB
• Stars: 32
• Watchers: 1
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](commhttps://github.com/vercel/next.js/tree/canary/packages/create-next-app).

#### E-commerce App builded using Next JS , Tailwind css , Redux toolkit 

# Screen Shots

### Login Page ( Multi User Login System)

![image](https://user-images.githubusercontent.com/90745903/219389777-94fabe66-1d22-490f-b71a-365f64e91d13.png)

### Register Page

![image](https://user-images.githubusercontent.com/90745903/219389817-5491bfac-b17f-4954-a92a-51c5c1d6b029.png)

# Admin Panel

![image](https://user-images.githubusercontent.com/90745903/219390994-b41355cf-fa34-44c0-89b3-4e48dbaf0efb.png)

# User List

![image](https://user-images.githubusercontent.com/90745903/219391048-769c79d1-338f-45d4-a65c-01194b94615a.png)

# Product List

![image](https://user-images.githubusercontent.com/90745903/219391135-b4d08bd0-cc49-4556-b31e-528445ca8315.png)

# Categories List

![image](https://user-images.githubusercontent.com/90745903/219391235-bcaff092-7a79-4e73-a6d9-b2d5c7befe8a.png)

### Landing Page

![image](https://user-images.githubusercontent.com/90745903/219389594-04074cfb-322c-4364-9ff6-d654d920d01f.png)

![image](https://user-images.githubusercontent.com/90745903/219389700-4a00d60a-8f96-45c7-af9a-b36c6eaa8068.png)

### Unable to add to cart without Login 

![image](https://user-images.githubusercontent.com/90745903/219389887-2838fc49-69b4-40b2-9f2f-76e82f3d80a1.png)

# Add to Cart

![image](https://user-images.githubusercontent.com/90745903/219390483-6d11edc9-e3aa-408d-9f47-d6771be69718.png)

# Cart Page

![image](https://user-images.githubusercontent.com/90745903/219390405-e287f6ac-e776-400f-ade2-704d2af40ae6.png)

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

# E-commerce-NEXT-APP