codersforcauses / codersforcauses/electrify-everything-wa

Create Calendar Widget

Open
#11 3 comments 0 reactions 1 assignee Claimed by @j-brkr View on GitHub
backend
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.