Skip to content

Welcome to the Nike Shoes Landing Page, a React.js application showcasing a variety of Nike shoes. This responsive and stylish website is designed to provide users with a seamless experience while exploring and shopping for their favorite Nike footwear.

Notifications You must be signed in to change notification settings

AaliyanAsif/NIke-Landing-Page

Repository files navigation

Nike Shoes Landing Page

Welcome to the Nike Shoes Landing Page, a React.js application showcasing a variety of Nike shoes. This responsive and stylish website is designed to provide users with a seamless experience while exploring and shopping for their favorite Nike footwear.

Screenshot

screenshot

Live site

Here is a live site for the project for you to try out!

Features

Shoe Selection

  • Users can browse through a diverse range of Nike shoes, each with its unique style and design.

Size and Quantity Selection

  • The application allows users to select their preferred size and quantity for the chosen pair of shoes.

Dark Mode

  • Enjoy a comfortable browsing experience with the option to switch between light and dark modes.

Add to Cart

  • Users can add their selected shoes to the cart by clicking the "Add to Cart" button.

Cart Management

  • In the cart, users can view the selected shoes along with their chosen size and quantity.
  • The cart provides the functionality to remove items, allowing users to refine their selection.

Technologies Used

  • React.js: The application is developed using the React.js library for a dynamic and interactive user interface.
  • Tailwind CSS: Styling is crafted with Tailwind CSS, providing a modern and responsive design.
  • Responsive Design: The website is designed to seamlessly adapt to various screen sizes and devices.
  • Dark Mode: Users can toggle between light and dark modes to suit their preference.

How to Use

  1. Clone the repository: git clone https://github.com/your-username/nike-shoes-landing.git
  2. Navigate to the project directory: cd nike-shoes-landing
  3. Install dependencies: npm install
  4. Start the development server: npm start

Contributing

Feel free to contribute to the project by opening issues, providing feedback, or submitting pull requests. Your contributions are valuable in enhancing the overall user experience.

Happy shoe shopping with Nike Shoes Landing Page! 👟🛍️

About

Welcome to the Nike Shoes Landing Page, a React.js application showcasing a variety of Nike shoes. This responsive and stylish website is designed to provide users with a seamless experience while exploring and shopping for their favorite Nike footwear.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published