Making an infinite scrolling list using vanilla js

Calendar app source

If you liked the calendar app, you can find the source code below. You can host it somewhere and connect your own firebase firestore and start using it.

Configuring firestore

You’ll have to setup the event names & colors in firestore. Add a table and set the as the eventKey in src/config.js. Next add your event names & their colors in firestore.

{ "name": "foo", "color": "red" },
{ "name": "bar", "color": "blue" },
{ "name": "baz", "color": "yellow" }



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Basith Kunimal

Basith Kunimal


Web Developer. Biker. Armchair Historian. German language student.