F1 23 Stats is a web application for Formula 1 enthusiasts to keep track of the latest stats from the current season. This platform provides a user-friendly interface for accessing lap times, driver information, and other race-related data.
- User Authentication: Secure sign-up and login functionality.
- Lap Times Display: A table of lap times from the 2023 season.
- Stat Recording: Users can add, view, edit, and delete stats for each grand prix.
- Real-time Updates: Lap times and stats are updated in real time.
- Responsive Design: Compatible with various devices and screen sizes.
- React.js
- Node.js
- Express.js
- MongoDB
- Tailwind CSS
- JWT for Authentication
To run the F1 23 Stats app locally, follow these steps:
- Clone the repository:
git clone https://github.com/alialoraebi/F1_23_App.git
- Install the dependencies for the "backend" and "f1-23-app" directories:
npm install
Inside the backend directory, create a .env file and add your own MongoDB PASSWORD and JWT_SECRET. Make sure the MongoDB connection in server.js is changed to match your MongoDB account.
- Start the development server for the "backend" and "f1-23-app" directories:
npm start
- Usage
After logging in, users can view the latest lap times and enter their stats for each grand prix. The data can be modified only by the user who entered it, ensuring personal data management.
- Open http://localhost:3000 in your browser to view the app.
If you would like to contribute to the development of F1 23 Stats, please follow these steps:
-
Fork the repository.
-
Create a new branch for your changes.
-
Make your changes and commit them to your branch.
-
Push your changes to your fork and create a pull request.
F1 23 Stats is not licensed yet