The F1 Race Game is a simple reaction-based game. It challenges players to achieve the best reaction time by tapping on the screen as soon as the race lights turn green. It's a fun way to test and improve your reflexes!
- Responsive web design using Bootstrap 5.
- Interactive traffic light system to indicate when to tap.
- Displays your reaction time after each attempt.
- Step-by-step tutorial to help users understand the gameplay.
- Optimized for both desktop and mobile devices.
- Press the "I'm ready!" button when you are prepared to start.
- Wait for the race lights to turn green.
- As soon as you see the green light, tap anywhere on the screen as fast as you can!
- Your reaction time will be displayed.
- Aim to improve your best reaction time and have fun!
The game requires no installation. Simply open the index.html file in your browser or deploy it on a web server to play.
- HTML5
- CSS (Custom styles and Bootstrap 5.3.3)
- JavaScript
- HTML: The main game interface is built using the
index.htmlfile. - CSS: Custom styles are added via
static/css/index.css. - JavaScript: The game logic and traffic light system are implemented in
static/js/trafficlight.jsandstatic/js/game.js.
- Clone the repository:
git clone https://github.com/MichealAPI/F1-Race-Game.git
- Navigate to the project directory:
cd f1-race-game - Open the
index.htmlfile in your browser:open index.html
You can optionally deploy this project to your web server or a platform like Netlify or GitHub Pages.
The project uses external libraries to enhance layout and responsiveness:
- Bootstrap CSS: https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css
- Bootstrap JS: https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js
- Developer: [Your Name/Team Name]
- Design inspiration: Based on F1 race timing systems.
This project is licensed under the MIT License.
Have fun and aim for your best reaction time!