DevFest Break Screen

A website developed for tracking break durations between talks at a DevFest event, displayed on a projector.

The home page provides quick access to 10 and 40-minute timers, while also allowing custom duration setup via URL. The bottom of the page shows the event QR code and speaker names.

Features

• Quick Timers: Start 10 or 40-minute timers with a single click from the homepage
• Custom Timer: Set custom durations via URL (e.g., /timer/15 for 15 minutes)
• Event Details: Display event QR code for easy scanning
• Speaker Info: Show speaker names at the bottom of the page

Technical Details

• Modern and fast web app development with Next.js
• Sleek and user-friendly interface with shadcn/ui and Magic UI
• Responsive design with Tailwind CSS
• URL-based dynamic timer configuration
• Real-time countdown
• QR code integration