🏀 Nike Rebrand – Modern AI Web Project 📌 Project Info
This is my full-stack web project where I redesigned the official Nike website into a modern, dark-mode, futuristic sports brand website using AI tools and modern web technologies.
The goal of this project is to practice:
Modern UI/UX design
Frontend development
Component-based architecture
Real-world project structure
Project URL: 👉 https://lovable.dev/projects/REPLACE_WITH_PROJECT_ID
🚀 What this project is about
I reimagined Nike’s website with:
Dark mode first design
Futuristic and minimal luxury UI
Smooth animations
Mobile-first responsive layout
Modern product and blog structure
This project is built as a portfolio-level rebrand project.
🛠 Technologies Used
This project is built using:
Vite
React
TypeScript
Tailwind CSS
shadcn-ui
📂 How to run this project on your system
-
Clone the project git clone <YOUR_GIT_URL>
-
Go into the project folder cd <YOUR_PROJECT_NAME>
-
Install dependencies npm install
-
Start the project npm run dev
Now open your browser and go to: 👉 http://localhost:5173
✏ How I edit this project
I edit this project in these ways:
Directly from Lovable (AI prompts)
Using VS Code after cloning
Using GitHub edit option or Codespaces
All changes are committed and synced with the Lovable project.
🌍 Deployment
This project is deployed using Lovable.
To deploy:
Open the project in Lovable
Click Share → Publish
🔗 Custom Domain
A custom domain can be connected from: Project → Settings → Domains → Connect Domain
🎯 Purpose of this project
Improve my frontend & UI skills
Learn real-world project structure
Build strong portfolio projects
Practice AI-assisted development