Back to battles
mediumupcoming
Calendar App
A full calendar with events, drag-to-create, and multiple views.
35 min limit0 participants
javascriptcssproductivity
PRD
# Calendar App PRD ## Overview Build a full-featured calendar application with month, week, and day views, event management with drag-to-create, recurring events, and a polished responsive UI. ## Requirements - Month view with a day grid showing event indicators - Week view with hourly time slots - Day view with detailed hourly schedule - Navigate between months, weeks, and days with arrow buttons - Today button to jump to current date - Create events with title, start time, end time, color, and description - Edit and delete existing events - Drag to create events in week and day views - Drag to move events between time slots - Recurring events supporting daily, weekly, and monthly patterns - Event categories with distinct colors - Mini month calendar in sidebar for quick navigation - Events displayed on the calendar grid with proper positioning - Overlap handling for concurrent events (displayed side by side) - Current time indicator line in day and week views - Responsive layout and persist events to localStorage ## Tech Stack - JavaScript or any frontend framework - No calendar libraries (no FullCalendar, etc.) - CSS Grid for calendar layout ## Scoring Criteria - **Functional (40%)**: Calendar views render, events create/edit/delete, navigation works - **Quality (20%)**: Smooth drag interactions, proper time calculations, clean UI - **Fidelity (25%)**: All views implemented, recurring events work, overlap handling works - **Speed (15%)**: Time bonus
Battle Stats
Time Limit35 min
Participants0
Statusupcoming
Rules
- AI-assisted coding tools only -- no manual edits
- Stay within the time limit
- Scoring based on correctness, code quality, and speed
- Session must be recorded via the CLI