All3n0 / PROJECT-1

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

F1-Independent-Project

For this project, I'm going build a Single Page Application (SPA). Building this application will be challenging because it will integrate everything I've learned up to this point. My frontend will be built with HTML, CSS, and JavaScript and will communicate with a public API.

F1 INFORMATION FINDER

https://ergast.com/mrd/

Date, 15/04/2024 By Allan Too.

Description

This is a simple webpage that allows users to search for F1 information from the past and be able to get the information they need.

The data is fetched from the ERGAST API and presented in different formats depending on what exactly the user would like to find out.

Features

1.Under Races

Search Functionality: Users can search for results of specific races by entering a season in the text box,the race they would like to view and any other additional information then finally pressing submit. The search results will be displayed on the page. Click Events: When a user clicks race from the list of options, the results of the race type will be displayed on the page.When a speific race is clicked ,the user is shown the list of drivers,their position,their contructor and their laptime.

2.Under Drivers

Search Functionality: Users can search for drivers who drove in a particular season by entering a season in the text box.To the parent URL a drivers bit will be added and this will enable the programme to fetch data from the API about the drivers. The search results will be displayed on the page. Click Events: When a user selects on drivers from the list of choices, the results of the will be displayed on the page after the submit button is pressed.

3.Under Constructors

Search Functionality: Users can search for contructors who were involved in a particular season by entering a season in the text box.To the parent URL a constructors bit will be added and this will enable the programme to fetch data from the API about the constructors. The search results will be displayed on the page. Click Events: When a user selects constructors from the list of options, the results of the will be displayed on the page after the submit button is pressed.

4.Under circuits.

Search Functionality: Users can search for circuits who were involved in a particular season by entering a season in the text box.To the parent URL a circuits bit will be added and this will enable the programme to fetch data from the API about the circuits. The search results will be displayed on the page. Click Events: When a user selects circuits from the list of options, the results of the will be displayed on the page after the submit button is pressed.

GITHUB-LINK

https://github.com/All3n0/PROJECT-1.

License

The content of this site is licensed under the ERGAST liscence and copyright 2021.

About


Languages

Language:JavaScript 80.7%Language:HTML 11.9%Language:CSS 7.4%