My Calendar

May, 2021

Overview

• Designed and coded a web scheduling application from scratch that work out conflicts with groups, determine common meeting times based on everyone's collective schedule.
• What I learned: Frontend development in ReactJS and TailwindCSS
• Tools: ReactJS, Figma for Hi-fi prototyping
• Team: 5 students; I'm in the frontend development team

Issue

It has been extremely painful to schedule a meeting time for a group project. It's hard to suggest a time slot works for all the team members. Some apps that try to solve to the problem such as the When2meet app expect users to memorize their schedule and have big chunks of free time. It would be much easier if all the group members can see each other's schedule and make the meeting time based on the common calendar.

Prototype in Figma

Demo Video

My Contribution

• Ideation for the product
• Prototyping in Figma
• Frontend programming using JavaScript, HTML, CSS and React
• Integrated Tailwindcss components in interface realization
• Retrieved and update backend data with API calls properly
• Writing documentation for the product

Code snippet