codersforcauses / codersforcauses/electrify-everything-wa
Create Calendar Widget
- Dominant language
- TypeScript
- Stars
- 7
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
The Calendar Widget will mimic a typical calendar to view EEWA's agendas or events for each respective days.
The widget will primarily be used in the Events page.
**Frontend Requirements**
- Create calendar design in Figma
- Features:
- Display current month and year at the top center
- Clickable to reveal month and year selector (UX optismisation)
- Could explore scrollable dropdown style for both month and year
- Left and right arrow buttons on the top left and top right respectively to navigate between previous and future months
- "Today" button to jump back to the current day
- Each day in the calendar should be clickable to view all events
- Design:
- Contrasting accent colour for the current day
- Suits the theme and branding of the entire website
**Backend Requirements**
- Reference instances from the EventInstances model with fields:
- id
- event (foreign key of event it is part of)
- name
- starts_at
- ends_at
- location
- ticket_url
- Each instance's id (primary key) would be referenced on the day of the event in the calendar
- Check the database schema in Notion for more details
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.