DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

A fully responsive Nike Store App built using React.js

A fully responsive Nike Store App built using React.js

# Nike Store App

## Project Setup

This project is built using Vite.js and React.js with Tailwind CSS for styling.

To set up the project, follow these steps:

1. Clone the repository to your local machine:

Enter fullscreen mode Exit fullscreen mode


bash
git clone https://github.com/your-username/nike-store-app.git




1. Navigate to the project directory:

2. Install the project dependencies:

3. Start the development server:

## About

This project is a fully responsive Nike fake store app, beautifully styled with Tailwind CSS. It provides a user-friendly interface for browsing Nike products and includes basic sign-up and sign-in functionality using local storage.

## Features

- Stunning and responsive user interface crafted with Tailwind CSS.
- Browse and view Nike products.
- Basic sign-up and sign-in functionality using local storage for user authentication.

## Technologies Used

- Vite.js
- React.js
- Tailwind CSS

## Preview

You can access the live project [here](https://nike-store-app-omega.vercel.app/).

## Screenshots

 ![A fully responsive Nike Store App built using React.js](https://user-images.githubusercontent.com/52382395/265273819-ff8384e6-f6c5-44f8-a95d-83881b20f0cb.png) ![A fully responsive Nike Store App built using React.js](https://user-images.githubusercontent.com/52382395/265274188-51339300-626b-4541-ac4f-dd175a94bea7.png) ![A fully responsive Nike Store App built using React.js](https://user-images.githubusercontent.com/52382395/265273868-c75e885c-419a-4d34-81ca-01eb5740eae8.png) ![A fully responsive Nike Store App built using React.js](https://user-images.githubusercontent.com/52382395/265274247-391128af-1559-44e9-a120-28badc1ca72f.png)

## Usage

To use the Nike Store App, follow these steps:

1. Open the app in your web browser by clicking on the [live project link](https://nike-store-app-omega.vercel.app/).

2. Browse the Nike products available in the store.

3. Sign up for an account using the “Sign Up” feature.

4. Log in to your account using the “Sign In” feature.

5. Enjoy shopping for Nike products!

## GitHub

[View Github](https://github.com/ChandanSahu98/nikeStoreApp?ref=reactjsexample.com)
Enter fullscreen mode Exit fullscreen mode

Top comments (0)