Async race Deploy

Educational project at RSschool Stage 2

SPA to practise working with server and async methods.

Before checking the deploy, you have to:

• clone the repo with server,
• install dependencies: $ npm install
• start server: $ npm start.

Implemented:

• Typescript usage;
• Fetch with different HTTP methods for creating/updating/deleting/sorting cars;
• Error catching;
• Usage of ESLint air-bnb-base & airbnb-typescript configs;

Functional requirements:

• User can create a new car, delete or update a selected one. When car is updated or deleted on the garage page, it also updates or deletes from the winners page;
• User can generate 100 cars with random name and color;
• There is pagination on the "Garage" view (7 cars per one page).
• When user clicks to the engine start button -> UI is waiting for car's velocity answer -> animate the car and makes another request to drive. In case api returned 500 error car animation should be stopped;
• When user clicks to the engine stop button -> UI is waiting for answer for stopping engine -> car returned to it's initial place;
• Start engine button is disabled in case car is already in driving mode. As well as stop engine button is disabled when car is on it's initial place;
• When user clicks race button all the cars on the current page start driving.
• When user clicks reset button all the cars return to it's initial places.
• After some car finishes first user should see the message contains car's name that shows which one has won.
• After some car wins it is displayed at the "Winners view" table.
• User can sort cars by wins number and by best time (ASC, DESC).
• There is pagination (10 winners per one page).