Projects

Today in History (Micro App)

Projects

Overview

A tiny web app that brings users historical events that happened on the current date in the past. The app fetches historical data via an API. I built it to further experiment with visual changes and other functions (upcoming). Try it on GitHub.

Highlights

  • Displays a list of notable events that occurred on today’s date in history
  • Fetches data from a reliable historical API for accuracy
  • Simple, user-friendly design for quick access and reading

Code overview

  • HTML (index.html) sets up a simple layout with a title and a section to display historical events.
  • CSS (style.css) styles the app to be centered on the page with a clean look, using subtle shadows and padding.
  • JavaScript (script.js) fetches historical event data from an external API (history.muffinlabs.com) and displays the top 5 historical events in an unordered list, with error handling in case the data cannot be loaded.

Today in History (Micro App) Read More »

Birthday Tracker & Smart Phonebook (Notion Build)

Projects

Overview

A simple, smart phonebook built in Notion to track birthdays and calculate the current age of my contacts. It combines contact info, birthday tracking, and automatic age calculation.

Highlights

  • Automatically calculates current age based on birth date
  • Sorts and highlights upcoming birthdays
  • Clean, searchable layout for regular use

Formulas used

  • Current age: dateBetween(now(), prop(“Birthdate”), “years”)
  • Next birthday: if(formatDate(dateAdd(prop(“Birthdate”), prop(“Current age”), “years”), “L”) == formatDate(now(), “L”), dateAdd(prop(“Birthdate”), prop(“Current age”), “years”), dateAdd(prop(“Birthdate”), prop(“Current age”) + 1, “years”))
  • When: if(formatDate(prop(“Next birthday”), “L”) == formatDate(now(), “L”), “🎂 Today”, if(formatDate(prop(“Next birthday”), “L”) == formatDate(dateAdd(now(), 1, “days”), “L”), “🎁 Tomorrow”, “in ” + format(dateBetween(prop(“Next birthday”), now(), “days”)) + ” days”))

Birthday Tracker & Smart Phonebook (Notion Build) Read More »