back to projects

Startpage

A custom browser startpage with bookmark management, keyboard navigation, and an inline edit mode. Built as a personal daily driver.

2026-03 · Maintained · Angular / TypeScript / Tailwind CSS

The Problem

Default browser homepages are cluttered with news, suggestions, and distractions. I wanted a clean, fast startpage that shows exactly my bookmarks, organized my way, and navigable entirely by keyboard.

What I Built

A self-hosted startpage that runs locally via launchd and serves as my Safari homepage:

  • Bookmark grid with categorized sections
  • Full keyboard navigation — arrow keys to move, Enter to open, no mouse needed
  • Inline edit mode — add, remove, and reorganize bookmarks without leaving the page
  • Instant load — served locally, renders in milliseconds

Technical Approach

Built with Angular as a lightweight standalone app. State is managed with signals, bookmarks are persisted to a local JSON file. The keyboard navigation system captures keydown events and manages a 2D focus grid across bookmark sections.

What I’d Do Differently

Would add import/export to sync bookmarks across machines, and maybe a command palette (Cmd+K) for quick-search across all bookmarks.