Thanks to visit codestin.com
Credit goes to github.com

Skip to content

AnandPrakash55/nik

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ€ Nike-Inspired E-commerce Frontend

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.

Screenshot

πŸš€ Features

  • ⚑ 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

πŸ› οΈ Tech Stack

  • Frontend: React + Vite
  • Styling: Tailwind CSS
  • Icons: Heroicons / Emojis

πŸ“ Project Structure

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

πŸ“Έ Screenshots

Product Grid Footer
Product Grid Footer

πŸ§‘β€πŸ’» Getting Started

# 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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages