Async Race

Score: 370/400 | Deployment: https://async-race-2026.netlify.app

How to run

1. Clone and start the server mock:

   git clone https://github.com/mikhama/async-race-api.git
   cd async-race-api && npm install && npm start
   # Server runs at http://localhost:3000

2. Start the UI:

   npm install
   npm run dev

Scripts

npm run dev          # dev server
npm run build        # production build
npm run lint         # ESLint
npm run format       # Prettier write
npm run ci:format    # Prettier check

---

Checklist 370/400

UI Deployment

• Deployment Platform (Netlify)

Requirements to Commits and Repository

• Commit guidelines compliance
• Checklist included in README.md
• Score calculation
• UI Deployment link in README.md

Basic Structure (80 points)

• Two Views (10 points)
• Garage View Content (30 points)
  • Name of view
  • Car creation and editing panel
  • Race control panel
  • Garage section
• Winners View Content (10 points)
  • Name of view ("Winners")
  • Winners table
  • Pagination
• Persistent State (30 points)

Garage View (90 points)

• Car Creation And Editing Panel. CRUD Operations (20 points)
• Color Selection (10 points)
• Random Car Creation (20 points)
• Car Management Buttons (10 points)
• Pagination (10 points)
• EXTRA POINTS (20 points)
  • Empty Garage
  • Empty Garage Page

Winners View (50 points)

• Display Winners (15 points)
• Pagination for Winners (10 points)
• Winners Table (15 points)
• Sorting Functionality (10 points)

Race (170 points)

• Start Engine Animation (20 points)
• Stop Engine Animation (20 points)
• Responsive Animation (30 points)
• Start Race Button (10 points)
• Reset Race Button (15 points)
• Winner Announcement (5 points)
• Button States (20 points)
• Actions during the race (50 points)

Prettier and ESLint Configuration (10 points)

• Prettier Setup (5 points)
• ESLint Configuration (5 points)

Overall Code Quality (100 points)

• (Up to 100 points)
  • Modular Design
  • Function Modularization
  • Code Duplication and Magic Numbers
  • Readability
  • Extra features (custom hook, React Portal, React Router)