This is a Nike-inspired landing page created using React.js and Tailwind CSS. The project is designed as a learning exercise to explore the best practices in building responsive and modern UIs using React and Tailwind CSS.
The project has been deployed on Vercel. Check it out here.
- Responsive Design: Fully responsive layout that adapts seamlessly across different screen sizes.
- Tailwind CSS Utility Classes: Utilized Tailwind's utility-first CSS framework for rapid styling.
- React Components: Modular and reusable React components.
- Dynamic Interactions: Interactive UI elements like buttons, hover effects, and responsive navigation.
Follow the steps below to set up the project on your local machine.
-
Clone the repository:
git clone https://github.com/vinukavinnath/nike-landing-page.git cd nike-landing-page -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to provided link in terminal.
If you're new to Tailwind CSS and React, you can follow the tutorial by JavaScript Mastery.
- React.js: Component-based JavaScript library for building UIs.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- Vercel: Hosting platform for modern web apps.
Contributions are welcome! If you have any suggestions or improvements, feel free to create a pull request or open an issue.
Special thanks to the creators of React.js and Tailwind CSS for providing such powerful tools for developers and special thanks to JavaScript Mastery.
- Vinuka Vinnath
GitHub: @vinukavinnath