Techie Sleuths
- event gameplay on the web.

The problem

Event sites need more than a landing page when the competition itself happens online. Players need guided entry, puzzles, feedback, scoring, and enough atmosphere to make the experience feel like a game rather than a form.

The approach

The frontend uses Next.js 14, TypeScript, Tailwind CSS, Redux Toolkit, React Hook Form, Zod, Headless UI, Radix primitives, and Tremor. The route structure covers landing, registration, login, play, clue pages, crossword screens, and leaderboard views, while API modules handle auth, clues, puzzles, and score deductions.

Frontend contributor. Worked on the event-facing application experience, UI structure, puzzle surfaces, and API-connected gameplay flows.

• Competition flow includes registration, login, play state, clue pages, crossword gameplay, and leaderboard pages.
• API modules organize auth, clue retrieval, clue marking, puzzle interaction, and score deduction behavior.
• The visual system uses themed assets, custom fonts, marquees, cards, and responsive layout components.
• Form and UI layers combine React Hook Form, Zod, Headless UI, Radix, Tailwind, and Redux Toolkit.