I built a daily roll that launches my day summary (events and todos), aiming to pull data from different apps like Google calendar and tasks/ Outlook calendar/ Notion, so no need to open multiple tabs or apps to see the overall day. Inspired by @nashallery’s digital typewriter, I studied her repo to understand how the print effect worked, then built my own design, data layer, and file structure on top. The paper slides up from behind the roller; the whole animation is one CSS transform transition triggered by a JS class toggle, way simpler than I expected once I stopped trying to animate it in JavaScript. Then refactored it so the receipt builds itself from a JS array of event/task objects instead of hardcoded items, and split my longgg script.js into five files based on its specialty. This immediately paid off as I had a bug where the whole receipt rendered empty, and because the error was isolated to one file, I found it quickly. I also added sort by time for the event instead of depending on the array order, and added a state when the events or todos are empty. Next: replace the fake array with real Google Calendar + Tasks data via OAuth.