async-race

Task description

Create a SPA that will manage the collection of cars, control their engines and show race statistics.

Deploy

(Note: to be able to watch working version ones need to start up a local server with cars data. The code and instructions can be found here.)

2023-10-04.14-35-07.mp4

Key skills:

• Сommunication with a server (fetch, REST API)
• Async coding / Promises
• JS Animations
• DOM Api

Tech stack

• TypeScript
• HTML
• SASS
• Webpack

Features

• Cars generation & updating with a name and a color, also a random generation of 100 cars to start the app quickly from scratch
• Starting/stopping & position reset for all the cars on the current page (implemented via fetch requests)
• Starting/stopping a particular car
• Car stops if an HTTP 500 status code is returned
• Winner detection
• Pagination
• Winners page gets updated via an HTTP query