suryanshsingh2001 / Nike-2.0

πŸš€ Explore the future of web design with our Nike 2.0 Landing Page. Crafted with ❀️ Tailwind CSS, βš›οΈ React.js, and powered by ⚑ Vite.js.

Home Page:https://nike2.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Nike 2.0 Landing Page πŸš€

React TailwindCSS Vercel

A modern landing page for Nike 2.0, built with Tailwind CSS, React.js, and Vite.js.


Live Link πŸ”—

Nike2.0-Demo.mp4

πŸ“„ Table of Contents

πŸ“‹ Features

  • Tailwind CSS Magic: This project demonstrates the artistry of Tailwind CSS, providing a visually stunning and responsive design.
  • React.js Brilliance: Leveraging React.js, the page offers dynamic interactivity and a smooth user journey.
  • Vite.js Efficiency: Vite.js keeps the development process swift and efficient, ensuring quick loading times.
  • Responsive Design: The landing page is designed to adapt seamlessly to various screen sizes and devices.
  • Sleek Animation: Engaging animations elevate the user experience and highlight key elements.
  • Easy Customization: Tailwind CSS makes it simple to customize the design to your specific needs.
  • Scalable Structure: The project is built with scalability in mind, making it ideal for expansion.

πŸ’» Technologies Used

  • Tailwind CSS: A utility-first CSS framework.
  • React.js: A JavaScript library for building user interfaces.
  • Vite.js: A fast development build tool for modern web apps.

πŸ› οΈ Getting Started

  1. Clone the repository:

    git clone https://github.com/suryanshsingh2001/nike-2.0-landing-page.git
  2. Make sure to be in project directory

    cd nike-website
  3. Install dependencies:

    npm install
    
  4. Start the development server:

    npm run dev
    
  5. Open your browser and visit http://localhost:3000 to view the landing page.


🚧 Pending Issues

❌ Fix navigation menu button not working for smaller devices.


We welcome contributions from the community to help implement these features. If you have ideas or would like to work on any of these pending features, please feel free to open an issue or submit a pull request.

🀝 Contributions

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/new-feature
  3. Make your changes and commit them: git commit -am 'Add new feature'
  4. Push to the branch: git push origin feature/new-feature
  5. Submit a pull request.

Made with ❀️ by Suryansh Singh

Linkedin

About

πŸš€ Explore the future of web design with our Nike 2.0 Landing Page. Crafted with ❀️ Tailwind CSS, βš›οΈ React.js, and powered by ⚑ Vite.js.

https://nike2.vercel.app/


Languages

Language:JavaScript 91.4%Language:CSS 7.4%Language:HTML 1.2%