https://github.com/salimzeeshan/nike

A clone of the official Nike, Inc website with authentication and cart + checkout functionality. Made in 2 weeks with tech stacks such as React js, Redux, Next js for the frontend, MongoDB, Atlas, Firestore for the backend and Firebase for authentication.
https://github.com/salimzeeshan/nike

chakra-ui cyclic firebase mongodb nextjs react

Last synced: 3 months ago
JSON representation

A clone of the official Nike, Inc website with authentication and cart + checkout functionality. Made in 2 weeks with tech stacks such as React js, Redux, Next js for the frontend, MongoDB, Atlas, Firestore for the backend and Firebase for authentication.

• Host: GitHub
• URL: https://github.com/salimzeeshan/nike
• Owner: salimzeeshan
• Created: 2023-02-28T08:41:36.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-04-26T17:08:31.000Z (about 1 year ago)
• Last Synced: 2025-07-07T22:37:35.553Z (12 months ago)
• Topics: chakra-ui, cyclic, firebase, mongodb, nextjs, react
• Language: JavaScript
• Homepage: https://nike-lyart.vercel.app/
• Size: 70.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# [Nike, Inc (clone)](https://nike-lyart.vercel.app/)

Nike, Inc. is an American multinational corporation that is engaged in the design, development, manufacturing, and worldwide marketing and sales of footwear, apparel, equipment, accessories, and services.

## Features

- Authentication with email & password using firebase

- Complete cart & checkout functionality

- Sorting & filtering in product pages

- Dynamic & nested routing

- Responsive design for desktop, tablet & mobile screen sizes

## Run Locally

Clone the project

```bash

  git clone https://github.com/salimzeeshan/nike.git

```

Browse folder

```bash

  cd nike

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm run dev

```

## Tech Stack

**Frontend:** React JS, Redux, Next JS, JavaScript, Chakra UI

**Backend:** MongoDB, MongoDB Atlas, Firestore, Cyclic

**Authentication:** Firebase

## Screenshots

**Home Page**

![Home Page](https://media.discordapp.net/attachments/1232249762598621248/1365732659522965677/Screenshot_2025-04-26_at_10.23.42_PM.png?ex=680e6128&is=680d0fa8&hm=1a4381538a3eeec3d389311b45c559c9f78a7183f1ea5a2e4dd68e24400528e2&=&format=webp&quality=lossless&width=3156&height=1698)

**Product Listing**

![Product Listing](https://media.discordapp.net/attachments/1232249762598621248/1365733007821901844/Screenshot_2025-04-26_at_10.25.08_PM.png?ex=680e617b&is=680d0ffb&hm=41eb6fb5c64023281886b438acd7c30c37afd04c77ad61bdf8663035b32c6fd5&=&format=webp&quality=lossless&width=3156&height=1698)

**Empty Cart**

![Empty Cart](https://media.discordapp.net/attachments/1232249762598621248/1365733406989615194/Screenshot_2025-04-26_at_10.26.47_PM.png?ex=680e61da&is=680d105a&hm=ebcf0672de9a42078731915c733e2aa948e8ec6363077014f83c7581c15483bf&=&format=webp&quality=lossless&width=3156&height=1698)

**Cart Page**

![Cart Page](https://media.discordapp.net/attachments/1232249762598621248/1365733744295809114/Screenshot_2025-04-26_at_10.28.06_PM.png?ex=680e622a&is=680d10aa&hm=322cfcaa2bac1541f80d016d9cbd9d28758773205806904fe24d0a787423fac7&=&format=webp&quality=lossless&width=3156&height=1698)

## Responsiveness

**Tablet**

![App Screenshot](https://media.discordapp.net/attachments/1232249762598621248/1365735583707566110/Screenshot_2025-04-26_at_10.35.27_PM.png?ex=680e63e1&is=680d1261&hm=24c58fe6b35744ace21f676545921406c4dd3687efe20475705bafac1e4a2da8&=&format=webp&quality=lossless&width=1800&height=1906)

**Mobile**

![App Screenshot](https://media.discordapp.net/attachments/1232249762598621248/1365735711910662164/Screenshot_2025-04-26_at_10.36.00_PM.png?ex=680e63ff&is=680d127f&hm=4889b260af0b0539231a47fdd20eff7e3b273bf98ed7d80fd3444bc21ae4a250&=&format=webp&quality=lossless&width=990&height=1906)

## Contributing

Contributions are welcome! If you have suggestions for improvements or new features, please open an issue or submit a pull request.

1. Fork the repository

2. Create a new branch (`git checkout -b feature-branch`)

3. Make your changes

4. Commit your changes (`git commit -m 'Add some feature'`)

5. Push to the branch (`git push origin feature-branch`)

6. Open a pull request

---

Developed by [Mohammad Zeeshan Salim](https://salimzeeshan.github.io/)