This will be an app for calculating dance competition results at swing dance festivals. Calculations will be based on Skating System (https://en.wikipedia.org/wiki/Skating_system). I will try to handle most of popular cases (solo competions, leaders and followers judged separately or as couples).
Ideally, unit tests will serve as documentation for the business logic.
Eventually a mobile app (or app opened in phone's browser) would gather scores from judges directly and results could go live to users visiting app as guests.
CompetitionCreator component will handle state and will manage partial form components to gather data for the final calculations. ScoreTable is a reusable component that will eventually handle editing data that was already input. ScoreInput is a form component that will eventually become user interface for the judges - the crucial part is to allow assigning each position once (no ties from a single judge).
Using shadcn UI components with zod and react-hook-form to handle form logic.
This is a Next.js project bootstrapped with create-next-app.
This was probably an overkill, as Next.js isn't the first choice for Single Page Apps, but I hoped to expand the functionality later on.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.