A responsive web application built with Next.js, React Hook Form, and Zod for managing and updating race results. This app allows teachers to adjust the positions of race participants, validate sequences, and update final results with a clean and intuitive UI.
- Dynamically adjust participant rankings.
- Automatically shift other participants' positions based on adjustments.
- Ensures sequential ranking with tie support.
- Displays errors for invalid sequences.
- User-friendly design for desktop and mobile devices.
- Dropdown-based ranking selection.
- Efficiently manages races using a global store.
- Frontend: Next.js
- Form Handling: React Hook Form
- Validation: Zod
- Styling: Tailwind CSS
- State Management: Custom useRaceStore Hook
Home Page
Create Race Page
Update Final Results Page
Race Details Page
- Clone the repository:
git clone https://github.com/ajax484/liveheats-coding-challenge.git
cd liveheats-coding-challenge
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open in your browser: Visit http://localhost:3000 to view the app.
This project is licensed under the MIT License. See the LICENSE file for more details.
Feel free to reach out for feedback or questions:
- Author: Bilal Yusuf
- Email: ubahyusuf484@gmail.com
- GitHub: ajax484