DEV Community

Ajo George
Ajo George

Posted on

Diving into Open Source Part 3

I'm, excited to share yet another update i have made in the Computer Club KEC github, As part of the Release 0.2 of our Open Source Class, this is the third Pull Request i am making to complete the course work as well as Hacktocterber Fest.

What was the issue.

The issue that i was assigned to complete was about adding a features that allows user to download .ics file, so that they can import the file into their calendar and save the event details.

Key Changes Made to solve the issue.

1. Add to Calendar Button Template
As they have implemented templates for everything, i also decide to create a template for my new functions so that i can be reused incase.
I created an "Add to Calendar" button template that captures the details of our events and allows users to download the corresponding calendar file. This template is designed for reuse, making it easy to implement for future events.

2. Integration in Event Pages
In the event.html file, this is the file that renders detailed data of the event when the user click the primary card I added the Calendar Button component. Now, when users click on the event card, they can find a download link for the calendar file. This integration enhances user accessibility and makes it convenient for them to save event details directly to their calendars.

3. Upcoming Events Overview
Lastly, I updated the upcoming-events.markdown file. So this file pulls the template from an another file called upcoming-events.html, This page basically acts as a path to display all the event data that they stored. So now the event card now displays a brief overview of upcoming events, along with the "Add to Calendar" option. This allows users to add events directly from the overview page, streamlining the process.

Screenshot of the following additions.

Image description

Image description

.ics file viewed in google calendar

image

GitHub Links

  1. Issue
  2. Pull Request
  3. Deploy-Preview

As of now they (24-10-2024) haven't reviewed my code, when there is an update i will post it here.

AJO GEORGE 24-10-2024

Top comments (0)