Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yousefraeis/nike-kicks-and-code
This Nike-Inspired Landing Page features select Nike products with a modern, responsive design. Built with ReactJS and TailwindCSS, it emphasizes clean code and user experience.
https://github.com/yousefraeis/nike-kicks-and-code
css frontenddevelopment html javascript javascript-mastery react reactjs responsive responsive-website taliwindcss webdevelopment
Last synced: 4 days ago
JSON representation
This Nike-Inspired Landing Page features select Nike products with a modern, responsive design. Built with ReactJS and TailwindCSS, it emphasizes clean code and user experience.
- Host: GitHub
- URL: https://github.com/yousefraeis/nike-kicks-and-code
- Owner: yousefraeis
- Created: 2024-09-22T11:04:22.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-27T11:17:13.000Z (about 2 months ago)
- Last Synced: 2024-11-01T20:25:37.008Z (13 days ago)
- Topics: css, frontenddevelopment, html, javascript, javascript-mastery, react, reactjs, responsive, responsive-website, taliwindcss, webdevelopment
- Language: JavaScript
- Homepage: https://nike-kicks-and-code.vercel.app
- Size: 2.41 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Nike-Inspired Landing Page
## Overview
Welcome to my *Nike-Inspired Landing Page* project! This application showcases select Nike products, blending sleek design with modern web development practices. Built using *ReactJS* and *TailwindCSS*, it emphasizes responsiveness and user experience.
## 🌟 Features
- *Dynamic Hero Section*: Captivating design featuring the Nike logo.
- *Product Showcase*: Highlighting a curated selection of Nike shoes.
- *Responsive Design*: Seamless experience across all devices.
## 🛠️ Tech Stack
- *React*: For crafting a dynamic user interface.
- *Tailwind CSS*: To bring the design to life with utility-first styling.
## 📦 Installation
To get started with this project locally, follow these simple steps:
1. Clone the repository:
```bash
git clone https://github.com/yousefraeis/nike-kicks-and-code.git
```
2. Navigate into the project directory:
```bash
cd nike-kicks-and-code
```
3. Install the necessary dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
## 🌐 Live Demo
Experience the live demo [here](https://nike-kicks-and-code.vercel.app).
## 🎉 Acknowledgements
A special shoutout to **Adrian Hajdin** and his YouTube channel, **JavaScript Mastery**, for their exceptional tutorials that inspired this project. Be sure to check out their channel for valuable insights into JavaScript and web development!