🏎️ Formula 1 Driver Standings

📌 Overview

An interactive web application that displays the latest Formula 1 driver standings. Built with modern web technologies, this project showcases skills in web development, data visualization, and responsive design.

🛠️ Technologies Used

• Pug: HTML templating engine
• SCSS: Advanced CSS preprocessor for styling
• Babel: JavaScript compiler for using next-generation JavaScript

🚀 Features

• Real-time display of current F1 driver standings
• Responsive design compatible with various devices
• Interactive elements for enhanced user engagement

📸 Demo

Screen.Recording.2022-07-28.at.5.34.19.PM.mov

🧰 Installation & Setup

To run this project locally:

1. Clone the repository

git clone https://github.com/rembertdesigns/Formula-1-Driver-Standings.git

2. Navigate into the project directory

cd Formula-1-Driver-Standings

3. Install dependencies

npm install

4. Start the development server

npm start

💡 Note: Make sure you have Node.js and npm installed before starting.

📈 Project Highlights

• ⚙️ Demonstrates proficiency in modern front-end tooling (Pug, SCSS, Babel)
• 📱 Built with responsive design principles for multi-device compatibility
• 📊 Emphasizes skills in data visualization and real-time UI updates
• 🧠 Shows initiative in self-directed learning and building around niche interests like Formula 1

🤝 Contributing

Contributions are welcome! If you have ideas to improve functionality or design:

Fork the repo Create a new branch (git checkout -b feature/your-feature-name) Submit a pull request!

📄 License

This project is licensed under the MIT License. Feel free to use, modify, and build upon it!

🏁 F1 API Integration

This app can be extended using real-time data from the Ergast Developer API, a public API for accessing current and historical Formula 1 data.

✅ Great next steps include:

• Integrating live standings, race results, and constructor data
• Visualizing season comparisons with driver telemetry
• Automating weekly updates via scheduled API calls

If you're a hiring manager or recruiter, this demonstrates real-world readiness for working with external APIs, async data handling, and dynamic rendering in production apps.

🌎 Let’s Connect

Let’s collaborate or connect professionally:

• 🔗 Portfolio → richarddrembert.com
• 🐦 Twitter/X → @RichardDRembert
• 💼 LinkedIn → linkedin.com/in/rrembert

I'm open to freelance work, contract roles, and full-time opportunities in AI, automation, or web app development.