Vehicle Dashboard with React, Vite, TypeScript, Tailwind CSS, and Lua.

This project was developed in collaboration with a FiveM city to create a dashboard for registering and analyzing vehicle information. After tuning their cars through external modifications, users can visit a dynamometer at a mechanic's shop to view detailed statistics of their vehicle's performance. The application allows users to register their vehicles within the city for future reference.

This project served as an opportunity to deepen my knowledge in React, Vite, TypeScript, Tailwind CSS, and Lua, and it is currently in use within the city.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A lightning-fast build tool for modern web projects.
• TypeScript: Adds static typing to JavaScript, improving code reliability.
• Tailwind CSS: A utility-first CSS framework for styling the project with ease.
• Lua: A lightweight, high-level scripting language used for server-side scripting in FiveM.
• Axios: For backend communication.

Features

• Performance Analysis: Provides detailed statistics of vehicles, such as speed, acceleration, and handling, after tuning.
• Vehicle Registration: Enables users to register their vehicles for tracking and record-keeping purposes.
• Responsive Design: Optimized for various screen sizes.

Insights and Learnings

Working on this project was an exciting challenge that allowed me to:

• Deepen my understanding of React, TypeScript, and Tailwind CSS.
• Learn about Lua scripting for server-side development in FiveM.
• Create an interactive and functional dashboard that enhances the gaming experience.

How to Run

1. Clone this repository:

   git clone https://github.com/kauanfelipe96/dashboard-react-vite-tailwind.git
   

2. Navigate to the project directory: ```sh cd dashboard-react-vite-tailwind

3. Install dependencies:

   npm install
   

4. Start the project: ```sh npm run dev