Better Calendar

• 

  BetterCalendar

Inspiration

As a commuter, you understand the challenges of navigating traffic, public transportation schedules, and unexpected delays. BetterCalendar was born out of the desire to streamline the planning process and ensure punctuality amidst the complexities of commuting.

What it does

BetterCalendar simplifies event planning by integrating GPS functionality. Rather than setting reminders based on time alone, it calculates your estimated time of arrival (ETA) to ensure punctuality. Simply input the event's date, time, and location, and let BetterCalendar handle the rest, reminding you when it's time to leave to arrive on schedule.

How we built it

We chose Vue.js for its reactivity components, ensuring constant updates without page reloads, and paired it with the Bulma framework for a visually appealing design. To maintain type safety and prevent bugs, we utilized TypeScript alongside JavaScript. Our backend was powered by Express, handling data storage and client communication. Integration of various APIs aided in calculating estimated travel times.

Challenges we ran into

To utilize the Google Maps API, we needed latitude and longitude values instead of an actual address. So we had to create a function to geocode and convert the inputted addresses as latitude and longitude coordinates, which took some time. There was a lot of troubleshooting trying to connect the server and the client.

Accomplishments that we're proud of

We finally got some of the APIs to work at the end. Our server is also fully functional.

What we learned

We recognized the importance of communication in task planning and delegation. Additionally, we gained proficiency in implementing numerous APIs, frameworks, and libraries.

What's next for Better Calendar

We hope to add more social related features. We want an AI to automate planning for groups of friends. In the future, this application will account for traffic as well for dangerous weather conditions. This technology has the potential to integrate into Google Calendar so user's can use our application on many platforms.

Built With

• axios
• bulma
• css
• dayjs
• font-awesome
• fullcalendar
• google-maps
• html
• ipgeolocation-api
• javascript
• node.js
• typescript
• vue