Skip to content

Latest commit

 

History

History
86 lines (69 loc) · 2.86 KB

README.md

File metadata and controls

86 lines (69 loc) · 2.86 KB
Raw

Nike Landing Page

Overview

This is a sleek and modern landing page built using React, Vite, and TailwindCSS. It showcases Nike's brand with a clean and responsive design.

Table of Contents

  1. Features
  2. Installation
  3. Usage
  4. File Structure
  5. Deployment
  6. Key Coding Takeaways
  7. Contributing
  8. Acknowledgements

Features

  • Modern and responsive design
  • Built with React and Vite for fast development
  • Styled with TailwindCSS for a sleek UI

Installation

Prerequisites

  • Node.js and npm installed

Steps

  1. Clone the repository: 
    git clone https://github.com/LVSSandeepKumar/Nike-LandingPage.git
  2. Navigate to the project directory: 
    cd Nike-LandingPage
  3. Install the dependencies: 
    npm install
  4. Start the application: 
    npm run dev
  5. Open http://localhost:3000 in your web browser to view the landing page.

Usage

Navigate through the sections of the landing page to view different features and information about Nike products.

File Structure

The file structure includes:

  • public/: Public assets and HTML files.
    • index.html: Main HTML file.
  • src/: Source code for the application.
    • components/: Reusable React components.
    • pages/: Main pages of the application.
    • styles/: CSS files for styling the application.
    • utils/: Utility functions and helpers.
  • .gitignore: Git ignore file.
  • package.json: Project metadata and dependencies.
  • README.md: Project documentation.
  • tailwind.config.js: TailwindCSS configuration file.
  • vite.config.js: Vite configuration file.

Deployment

This project is deployed at Nike Landing Page on Render.

Key Coding Takeaways

  • React + Vite: Utilization of React with Vite for fast development and hot module replacement.
  • TailwindCSS: Implementation of TailwindCSS for efficient and responsive styling.
  • Component-Based Architecture: Modular design with reusable React components.
  • Responsive Design: Ensuring the landing page looks great on all devices.

Contributing

Contributions are welcome! Please fork this repository and submit a pull request.

Acknowledgements

  • Built using React, Vite, and TailwindCSS.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available: