Sole Searchers

Sole Searchers is a clone of the Nike website, built purely for learning purposes. This project uses React with Vite as the build tool, and is styled using Tailwind CSS.

Table of Contents

• Features
• Screenshots
• Tech Stack
• Getting Started
• Project Structure
• Learning Outcomes
• Contributing
• License

Features

• Responsive design inspired by Nike's website.
• Built with reusable components in React.
• Styled with Tailwind CSS for a seamless, utility-first styling approach.
• Optimized for performance using Vite for fast builds and hot module replacement (HMR).

Screenshots

Tech Stack

• React: Frontend JavaScript library for building UI components.
• Vite: Fast build tool and development server.
• Tailwind CSS: Utility-first CSS framework for styling.
• JavaScript (ES6+): Logic and functionality.

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (version 14.x or higher)
• Git

Installation

1. Clone the repository:

   git clone https://github.com/your-username/sole-searchers.git
   

2. Navigate to the project directory:

   cd sole-searchers
   

3. Install dependencies:

    npm install
   

4. Start the development server:

   npm run dev
   

The app will be available at http://localhost:5173.

Building for Production

To create an optimized production build, run:

npm run build

This will output static files in the dist folder.

Project Structure

.
├── public            # Public assets
├── src
│   ├── components    # Reusable components
│   ├── pages         # Application pages
│   ├── assets        # Images, fonts, etc.
│   └── App.jsx       # Main app file
├── tailwind.config.js # Tailwind CSS configuration
├── vite.config.js     # Vite configuration
└── package.json      # Project metadata and scripts

Learning Outcomes

This project was built to:

• Practice using React with component-based architecture.
• Learn Tailwind CSS for utility-first styling.
• Explore Vite as a fast development and build tool.

Contributing

If you'd like to contribute or report issues, please feel free to submit a pull request or open an issue in the repository.

License

This project is licensed under the MIT License.