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