// It Started With a Small Problem

// This project started with a very simple but persistent problem.

// I read a lot of things online — articles, documentation, essays, random links. At the same time, I take notes. Sometimes digitally, sometimes in a physical notebook or agenda.

// Over time, I realized something was constantly breaking:

// I could see my notes, but I often couldn't remember where I read the thing I was taking notes about.

// Bookmarks Weren't the Answer

// I tried bookmarking everything.

// The result:

• → Too many bookmarks
• → No context
• → No connection to my notes

// I also tried note-taking apps.

// The result:

• → Notes and sources lived in different places
• → Copy-pasting links everywhere
• → Still hard to go back later and find the original source

// What I needed wasn't another bookmark manager or another note app.

// I needed a simple reference.

// The Idea of a Reference Code

// Instead of trying to keep links and notes together digitally, I flipped the problem.

// What if every link had a short reference code?

// Something:

• → Short
• → Easy to write by hand
• → Easy to remember
• → Easy to type later

// Like a page number.

// Like a footnote.

// Like an index.

// So when I write a note, I just write the code next to it.

// Later, I enter the code and go straight back to the source.

// Why Codes Instead of QR or IDs?

// QR codes are great — but not for notebooks.

// Long IDs work — but not for humans.

// This project uses:

• → Numbers
• → Letters
• → Or both

// Because they:

• → Fit naturally into handwritten notes
• → Don't break your flow while reading or writing
• → Don't require any extra tools

// Why There Is No Account System

// This is intentional.

// This tool is not about identity, ownership, or personalization.

// It's about bridging memory.

// You come in.

// You generate a reference.

// You write it down.

// You leave.

// That's it.

// No profiles.

// No dashboards.

// No complexity.

// A Bridge Between Physical and Digital

// This site exists to connect two worlds:

• → The physical world of notebooks, agendas, margins, and highlights
• → The digital world of links, articles, and endless tabs

// It doesn't try to replace either.

// It simply connects them.

// Small Tool, Clear Purpose

// This project is intentionally minimal.

// It does one thing:

// Turn links into human-friendly references.

// And it does it quietly, without getting in your way.

// That's the whole story.

// Built With

// This project uses:

• → Next.js 16 (App Router)
• → TypeScript
• → Tailwind CSS
• → shadcn/ui
• → NestJS
• → Supabase (PostgreSQL)

// GitHub

// https://github.com/iethem