Print Your Calendar

A Website where you can turn your iCalendar-Files into a printable Calendar

#React#JavaScript#Projects

Every year, my mum buys a calendar to hang up in our kitchen. It has a page for every month that looks like a table, with a row for every day. Every person in our family gets a column and can add their events there. But my mom also writes all birthdays and holidays in it, and even the times when the trash cans are emptied. That takes a lot of effort. But all that data can either be downloaded online as .iCal files, or could be added once in an electronic calendar and exported as .iCal files as well.

There are a lot of websites that allow you to upload these files and download a printable calendar. But none of the ones I found let you use the table-layout our calendar always has. So i decided to create such a website myself.

Print My Calendar

The website is available at Print My Calendar.

How it works

Users can input their iCal files. By default, one file equals one column in the exported calendar. Users can merge or split columns and add new ones. Then, they can decide for which time frame they want to create a printable calendar. This also allows for using iCal-Events that repeat every year so users can upload the same file each year. After changing the design of the calendar, users can download their calendar.

Downloading the Calendar

First, the calendar is rendered as an html element, which users can see at the bottom of the page. Then, html2canvas is used to turn the rendered result into a html canvas. The content of the canvas can be downloaded as an image. This is done for every month of the specified time frame, so the user can print the pages for each month individually.

Comments

Feel free to leave your opinion or questions in the comment section below.