Nike Clone Project

DEMO

nike_clone_demo.mp4

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start

⚙️ Tech Stack

• Tailwind CSS
• React.js

🔋 Features

👉 Understanding Tailwind Internals: Dive into the inner workings of Tailwind, gaining insights into its structure and optimizations.

👉 Theming: Techniques to add different themes to the website using Tailwind CSS.

👉 JavaScript-like Tasks with Tailwind: Tailwind CSS can be used to achieve tasks that typically require JavaScript code.

👉 Complex Hero Section: A visually appealing hero section showcasing key elements.

👉 Popular Products Showcase: A section highlighting popular Nike products

👉 About Us Section: An informative "About Us" section with a unique design.

👉 Special Offers: Showcase special offers in an eye-catching manner

👉 Testimonials: A testimonials section for a captivating user experience

👉 Newsletter Integration: A newsletter section with Tailwind styling, encouraging user engagement

👉 Footer: A comprehensive footer section containing various links

👉 Mobile Responsive: The entire website is responsive across various devices, emphasizing Tailwind's mobile-friendly capabilities.

and many more, including code architecture and reusability

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/Rotaralexc/nike_landing_page.git
cd nike_landing_page

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm start

Open http://localhost:5173 in your browser to view the project.

🔗 Links

• Assets used in the project are here