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

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay