timjcai / calendah

Calendar App - enabling Hotkeys and other shortcuts into your Calendar Workflow

Hi there 👋

About Me

• I am an aspiring software engineer interested in Startups (SaaS, FinTech & HealthTech)
• 🏀 Hobbies: I love basketball, bouldering and my sausage dog

🔭 What I'm building

1. Calendah - Full-stack Calendar app that adds Hotkey into my Calendar Workflow
2. EatList - Full-stack Web App to save and review restaurants that I want to try within local cities (a swipe file for restaurant suggestions)
3. Calorie Tracking / Recipe App (building a database to suggest recipes based on my leftover calories and macronutrient goals)

📚 What I'm learning

calendah's Issues

Bug: #Rendering Issue when updating 'Select Date' via Calendar and Date Picker

Currrently the calendar isn't always re-rendering 100% of the time. Maybe 70% if it will re-render and 30% it will not.

Will need to look into the React Lifecycle to better understand why re-rendering isn't ocurring when state/context changes

Failure to implement custom Timepicker with React Hook Form

What?

• because we have custom created our Timepicker React Hook form -> context and useForm currently do not successfully work with our time picker

Problem:

• any changes to the time picker is not correctly passing values to react hook form - we cannot add this data into the payload to append the DateTime of our calendar event.
• This blocks a lot of other functionality required to reach feature parity with Google Calendar e.g. cannot adjust time within a form- we will not be able to EDIT the calendar even tin a patch request (using the same form component), we cannot CREATE a calendar event and have it reflect the correct time

Bug: Unable to push correct placeholder value for Timepicker

What?

• currently as we try to create a default value for our timepicker int he placeholder props. It's creating a NaN:NaN error.
• it looks like the component is re-rendering 3 times and is overriding the initial logic to end up with '1'.

Not exactly sure how to fix this - this is currently causing issues with our handling of event creation

Dragging Event Cards

Blocked:

• currently we need to implement dragging of event cards - need to map out how to best implement different functions and at what level of our component tree do we implement this

Questions:

• can we useContext hook to help us pass data up and down the virtual DOM
• do we use Event_ids to help us to identify which 'event card' is active at any given time?
• how do we ensure that only 1 event is draggable at any given time, how do we deselect an event card?

Known Issues: Timepicker Bugs

Known Issues:

• we cannot input time value via text input - currently only supports 'time selection from dropdown'
• we do not have any supporting logic for typing. So it doesn't verify if this is a valid time - because the available times are hard coded into a list

Features to be built:

• allow text input for Timepicker
• create business logic which validates whether input is a valid time
• we will need future logic for end times (display duration if it is an endtime timepicker - it will also show whether the end time is before the starttime)