Formula 1 Explorer

This is a Formula 1 Explorer website that allows users to explore various aspects of Formula 1 racing, including drivers, teams, and race results. The website is built using modern web technologies to ensure a fast and mobile-first responsive user experience.

Tech Stack

• React: A JavaScript library for building user interfaces.
• Vite: A build tool that provides a fast development environment with Hot Module Replacement (HMR).
• PrimeReact: A rich open-source UI components for React applications.
• SASS: A preprocessor scripting language that is interpreted or compiled into CSS.
• React Query: A library for fetching, caching, and updating asynchronous data in React applications.
• Zustand: A small, fast, and scalable state management library for React applications.
• ESLint: A tool for identifying and fixing problems in JavaScript code.
• Babel: A JavaScript compiler that allows you to use next-generation JavaScript.
• Vitest: A testing framework for JavaScript applications that provides a fast and enjoyable testing experience.

Setup

1. Clone the repository:

   git clone https://github.com/yourusername/formula1-explorer.git
   cd formula1-explorer

2. Install dependencies:

   npm install

Running the Development Server

To start the development server with Hot Module Replacement (HMR), run:

npm run start

This will start the Vite development server and you can view the website at http://localhost:5173.

Building for Production

To build the project for production, run:

npm run build

This will create an optimized production build in the dist directory.

Linting

To lint the codebase using ESLint, run:

npm run lint

Testing

To run tests using Vitest, run:

npm run test