brianondemand/nike-shop

⚙️ Tech Stack

• Tailwind CSS
• React.js

🔋 Features

👉 Maximizing Tailwind CSS: Discover tips and tricks to make the most out of Tailwind CSS.

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

👉 Best Practices: Learn Tailwind's best practices for efficient and maintainable code.

👉 Theming:Explore techniques to add different themes to your website using Tailwind CSS.

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

while building a beautiful Nike Website with a,

👉 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/adrianhajdin/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.