Nike Flow 🏃‍♂️👟

A sleek and modern Nike e-commerce website built with ⚛️ React and 🎨 Tailwind CSS.
This project showcases a fully responsive design, smooth ✨ animations, and a dark-themed UI inspired by Nike's iconic branding.
Deployed on ▲ Vercel for lightning-fast performance 🚀.

---

Features

• 🛍️ E-commerce Functionality - Product browsing, cart management, and category filtering
• 🎨 Dark Theme - Modern dark mode design with gradient effects
• ✨ Smooth Animations - Powered by Framer Motion and custom CSS animations
• 📱 Fully Responsive - Optimized for all devices
• 🎯 Interactive UI - Mouse follower effects and hover animations
• 🗺️ Contact Page - Integrated Google Maps and contact form

---

Tech Stack

• React – Frontend library
• Tailwind CSS – Styling framework
• Vite – Development and build tool
• Framer Motion – Animation library
• React Router – Navigation
• Vercel – Deployment platform

---

Installation

git clone https://github.com/davismiler/nike-flow.git
cd nike-flow
npm install
npm run dev

The application will be available at http://localhost:5173

---

Usage

• Home Page - Browse featured products with animated hero section
• Category Pages - Filter products by Men's, Women's, and Kids categories
• Product Details - View detailed product information with multiple images
• Shopping Cart - Add/remove items and view cart totals
• Contact - Get in touch via contact form or view location on map

---

Project Structure

nike-flow/
├── src/
│   ├── components/     # Reusable UI components
│   ├── Pages/          # Page components
│   ├── context/        # React Context for state management
│   ├── Utils/          # Data and utilities
│   └── assets/         # Images and static files
├── public/             # Public assets
└── package.json        # Dependencies

---

Build

npm run build

This will create an optimized production build in the dist directory.

---

License

This project is for educational purposes and portfolio showcase.