Make an Off the Grid Javascript Personal Calendar

I wanted a calendar that is off the grid. Nothing to torment me. No reminders, no alerts. I can see it when I need it. Moreover I think of the reminders on the phone as nuisance but that is my personal dislike. So made this bare minimum calendar with html and javascript which I can visit as per my requirement. It wont remind me about anything if I dont look at it. It just stays put on one of my chrome tab.

Supplies

Nothing much is required. You can straight away use my set of files or just go through the instructions and make a calendar of your own on a computer.

Step 1: Index

Start by creating the index.html file. This file just has the place holders for the calendar that will come through the code.

Step 2: Data

On the same folder create a file named data.js. This file will contain the lists of dates, information and color codes to color them with.

Step 3: Code That Works

Make a main.js file where the main code goes. It will help the html with supplying data to print. Also it will get the data from the data.js. Its main work is to process the data and make is presentable that looks like a calendar.

Here in the images you will see the first code that goes out to the index.html is the screen function. Variables that are used to work out the data and formulate the calendar. Previous and next are the functions that are called when the previous and next buttons are clicked which are used to navigate the calendar forward or backward.

Rest of the code is a bit tricky to post here. So I am putting the code in a zip folder that you can use as it is.

Enjoy your off the grid. More of Off the social AI.

Download ZIP here.