Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yeabnoah/project_nike
This is a Nike clone landing page project I built back in the day when I was learning React.js. I used React and Tailwind css to create this landing page
https://github.com/yeabnoah/project_nike
reactjs tailwindcss
Last synced: 10 days ago
JSON representation
This is a Nike clone landing page project I built back in the day when I was learning React.js. I used React and Tailwind css to create this landing page
- Host: GitHub
- URL: https://github.com/yeabnoah/project_nike
- Owner: yeabnoah
- Created: 2023-08-28T12:22:36.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-27T09:16:37.000Z (10 months ago)
- Last Synced: 2024-04-27T10:25:44.623Z (10 months ago)
- Topics: reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://nikecloned.netlify.app/
- Size: 2.36 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nike Landing Page React Clone
This project is a React.js clone of the landing page of the Nike website, featuring a stunning user interface design. It aims to replicate the landing page's functionality and aesthetics while utilizing modern web development technologies.
## Technologies Used
- **React.js**: The project is built using the React.js library, which allows for the creation of dynamic and interactive user interfaces.
- **Vite**: Vite is used as the build tool for this project. It provides fast and efficient development and production builds with instant server start and hot module replacement.
- **Tailwind CSS**: Tailwind CSS is utilized for styling the components in the project. It offers a utility-first approach to CSS, enabling rapid development and easy customization of styles.
## Features
- **Stunning UI Design**: The project features a visually appealing user interface design inspired by the landing page of the Nike website, with attention to detail and responsiveness.
- **Responsive Layout**: The landing page is designed to be responsive, ensuring optimal viewing and interaction experience across various devices and screen sizes.
- **Product Highlights**: Users can explore featured products and promotions showcased on the landing page, with engaging visuals and concise descriptions.
- **Call-to-Action Buttons**: The landing page includes prominent call-to-action buttons to encourage users to explore further, shop now, or discover more about Nike's products and brand.
- **Newsletter Signup**: Users have the option to subscribe to the Nike newsletter directly from the landing page, providing their email address to receive updates on new releases, promotions, and more.