https://github.com/vijaysingh1621/nike_landing_page

This repository contains the source code for a Nike brand landing page built with Tailwind CSS and React. It features a sleek design with dark mode support, implemented using the useContext hook, and theme persistence via useEffect and local storage. This ensures the selected theme remains even after a browser refresh.
https://github.com/vijaysingh1621/nike_landing_page

reactjs tailwind-css

Last synced: 3 days ago
JSON representation

This repository contains the source code for a Nike brand landing page built with Tailwind CSS and React. It features a sleek design with dark mode support, implemented using the useContext hook, and theme persistence via useEffect and local storage. This ensures the selected theme remains even after a browser refresh.

• Host: GitHub
• URL: https://github.com/vijaysingh1621/nike_landing_page
• Owner: Vijaysingh1621
• Created: 2024-06-22T07:49:30.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-22T13:09:02.000Z (7 months ago)
• Last Synced: 2024-06-23T17:56:25.140Z (7 months ago)
• Topics: reactjs, tailwind-css
• Language: JavaScript
• Homepage: https://vijaynikelandingpage.vercel.app/
• Size: 2.37 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nike Brand Landing Page

This repository contains the source code for a Nike brand landing page built using Tailwind CSS and React. The project features a sleek, modern design with support for dark mode. Dark mode is implemented using the `useContext` hook, and the user's theme preference is saved in local storage using the `useEffect` hook, ensuring the selected theme persists even after the browser is refreshed.

## Features

- **Tailwind CSS**: Utilizes the utility-first CSS framework for rapid UI development.

- **Dark Mode**: Seamlessly switch between light and dark themes using React's `useContext` hook.

- **Persistent Theme**: Saves the user's theme preference in local storage using the `useEffect` hook to maintain the selected theme across sessions.

- **Responsive Design**: Ensures optimal viewing experience across various devices and screen sizes.

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/yourusername/nike-landing-page.git

   ```

2. Navigate to the project directory:

   ```bash

   cd nike-landing-page

   ```

3. Install dependencies:

   ```bash

   npm install

   ```

4. Start the development server:

   ```bash

   npm start

   ```

## Usage

- Open the landing page in a web browser.

- Toggle between light and dark mode using the provided switch.

- The chosen theme will be saved and applied automatically on subsequent visits.

## Technologies Used

- **React**

- **Tailwind CSS**

- **JavaScript (for theme toggling and local storage)**

## Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your enhancements.

## License

This project is licensed under the MIT License. See the `LICENSE` file for more details.

---