Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sudhanshu-ambastha/nike-website
Nike-Website is a responsive web application showcasing Nike's latest products and offerings, built with React and Tailwind CSS. Experience stylish design, premium quality, and innovative features tailored for an active lifestyle.
https://github.com/sudhanshu-ambastha/nike-website
nike-shoes nike-website nodejs npm rectjs tailwindcss vitejs
Last synced: 3 months ago
JSON representation
Nike-Website is a responsive web application showcasing Nike's latest products and offerings, built with React and Tailwind CSS. Experience stylish design, premium quality, and innovative features tailored for an active lifestyle.
- Host: GitHub
- URL: https://github.com/sudhanshu-ambastha/nike-website
- Owner: Sudhanshu-Ambastha
- Created: 2024-06-23T06:12:09.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-23T16:58:16.000Z (8 months ago)
- Last Synced: 2024-06-24T12:57:36.864Z (8 months ago)
- Topics: nike-shoes, nike-website, nodejs, npm, rectjs, tailwindcss, vitejs
- Language: JavaScript
- Homepage:
- Size: 20.2 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nike-Website
## Overview
This project is a responsive Nike website built using React and Tailwind CSS, with Vite as the build tool. The website showcases Nike's product offerings, customer reviews, services, special offers, and provides a subscription form for updates and newsletters.
## Installation
Follow these steps to set up the project locally:
1. Clone the repository:
```bash
git clone https://github.com/yourusername/nike-website.git
cd nike
```
2. Install the dependencies:
```bash
npm install
```
3. Run the development server:
```
npm run dev
```
The website should now be running at `http://localhost:5173`.
## Project Structure
The project is organized into several components and sections, each responsible for different parts of the website.
## Components
- Nav: Navigation bar component.
- Button: Reusable button component.
- PopularProductCard: Card component for displaying popular products.
- ShoeCard: Card component for displaying shoes in the hero section.
- ServiceCard: Card component for displaying services.
- ReviewCard: Card component for displaying customer reviews.
## Sections
- Hero: The main banner showcasing the latest Nike arrivals.
- PopularProducts: Displays a grid of popular products.
- SuperQuality: Section highlighting the quality of Nike shoes.
- Services: Lists the various services provided.
- SpecialOffer: Displays a special offer.
- CustomerReviews: Section showcasing customer feedback.
- Subscribe: Subscription form for updates and newsletters.
- Footer: Footer with links and social media icons.
## Additional Resources
For more information on the tools and technologies used in this project, refer to the following:
- [Tailwind CSS Documentation](https://tailwindcss.com/docs/guides/vite)
- [Vite Documentation](https://vitejs.dev/)
- [React Documentation](https://react.dev/blog/2023/03/16/introducing-react-dev)