/unique-bikes

Primary LanguageTypeScript

Unique Bikes

Welcome to the Unique Bikes project! This project is a landing page for showcasing various types of bicycles along with their characteristics and advantages

Table of Contents

Project Overview

The Unique Bikes project is a user-friendly landing page that provides detailed information about different types of bicycles, including their features, specifications, and benefits. This project does not include any user authentication or login functionality.

Features

  • Responsive Design: The landing page is fully responsive and optimized for all devices.
  • Detailed Bike Descriptions: Each type of bicycle has a dedicated section with detailed descriptions and specifications.
  • Advantages Section: Highlights the key benefits of each bicycle model.
  • Slick Carousel Integration: A sleek carousel to showcase bicycle images and details.
  • Modern Tech Stack: Built with Next.js, React, TypeScript, and Tailwind CSS for efficient development and performance.

Getting Started

To get started with the Unique Bikes project, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/unique-bikes.git
cd unique-bikes

  2. Install dependencies:

    npm install

  3. Run the development server:

    npm run dev

  4. Open your browser and navigate to http://localhost:3000 to view the landing page.

Scripts

The following scripts are available:

  • dev: Runs the development server.
  • build: Builds the project for production.
  • start: Starts the production server.
  • lint: Runs ESLint to check for linting errors.
  • prepare: Prepares Husky hooks.

Dependencies

  • next: ^14.2.3
  • react: ^18
  • react-dom: ^18
  • react-slick: ^0.30.2
  • sharp: ^0.33.4
  • slick-carousel: ^1.8.1

Dev Dependencies

  • @next/eslint-plugin-next: ^14.2.3
  • @types/node: ^20
  • @types/react: ^18
  • @types/react-dom: ^18
  • @types/react-slick: ^0.23.13
  • @typescript-eslint/eslint-plugin: ^7.11.0
  • @typescript-eslint/parser: ^7.11.0
  • eslint: ^8.57.0
  • eslint-config-next: ^14.2.3
  • globals: ^15.3.0
  • husky: ^9.0.11
  • lint-staged: ^15.2.5
  • postcss: ^8
  • prettier: ^3.2.5
  • tailwindcss: ^3.4.1
  • typescript: ^5
  • typescript-eslint: ^7.11.0

Linting and Formatting

This project uses ESLint and Prettier to maintain code quality and formatting standards. The following configurations are applied:

  • Linting: ESLint with eslint-config-next and typescript-eslint
  • Formatting: Prettier with custom rules

Linting and formatting are automated using Husky and lint-staged. On each commit, the relevant files are automatically checked and fixed if necessary.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or improvements, feel free to open an issue or submit a pull request.

Thank you for checking out the Unique Bikes project! We hope you find it useful and informative. Happy riding! 🚴‍♂️🚴‍♀️