A modern Formula 1 (F1) frontend web application that presents information about drivers, teams, races, and championship standings using clean UI and vanilla web technologies.
- Overview
- Features
- Project Structure
- Technologies Used
- Getting Started
- Screenshots
- Future Enhancements
- Contributing
This project is a static Formula 1 information website built to demonstrate frontend development skills.
It organizes F1-related data across multiple pages and provides a simple and intuitive browsing experience.
The application is lightweight, fast, and does not require any backend or database.
- 🧑
✈️ Dedicated pages for Drivers - 🏁 Detailed Teams section
- 🗓️ Race information display
- 📊 Championship Standings
- 🎨 Clean and responsive UI
- ⚡ Pure frontend (no backend required)
This website is hosted using GitHub Pages.
Live URL:
https://dilip-reddymalla.github.io/F1/
F1/
│── index.html
│── drivers.html
│── teams.html
│── races.html
│── standings.html
│
├── css/
│ ├── index.css
│ ├── drivers.css
│ ├── teams.css
│ └── standings.css
│
├── js/
│ ├── drivers.js
│ ├── teams.js
│ ├── standings.js
│ └── year.js
│
└── assets/
├── f1.jpg
├── logo.png
└── papaya.jpg
- HTML5
- CSS3
- JavaScript (ES6)
- Any modern web browser
git clone https://github.com/Dilip-Reddymalla/F1.git
cd F1Open index.html in your browser
- Integrate live Formula 1 data using an external API
- Add search and filtering options
- Improve UI with animations and transitions
- Enhance mobile responsiveness
1. Fork the repository
2. Create a new branch
3. Commit your changes
4. Open a pull request