A sleek, responsive frontend inspired by Nike's official website. Built using React, Vite, and Tailwind CSS, this project showcases modern UI/UX practices for an e-commerce product display.
- β‘ Fast Vite-based React app
- π¨ Tailwind CSS for modern responsive design
- π·οΈ Product grid with price, ratings, and image previews
- β Quality and testimonial sections
- βοΈ Newsletter subscription UI
- π± Fully responsive layout
- π¦Ά Nike-style footer
- Frontend: React + Vite
- Styling: Tailwind CSS
- Icons: Heroicons / Emojis
src/ βββ assets/ # Images & logos βββ components/ # Reusable UI components (Header, Footer, ProductGrid, etc.) βββ pages/ # Page sections βββ App.jsx # Main component βββ main.jsx # App entry point
bash Copy Edit
| Product Grid | Footer |
|---|---|
# 1. Clone the repository
git clone https://github.com/yourusername/nike-frontend-clone.git
# 2. Navigate to the project directory
cd nike-frontend-clone
# 3. Install dependencies
npm install
# 4. Start the development server
npm run dev
π¬ Feedback
Feel free to open an issue or submit a pull request if you have suggestions to improve this project.
π License
This project is for educational/demo purposes. Not affiliated with Nike Inc.
Made with π by Anand Prakash