Welcome to Masternote

Welcome to my personal knowledge base and digital garden! This platform is designed to share structured learning materials, deep dives, and technical notes on web development and software engineering.

Whether you are here to follow a specific curriculum or just browsing for reference, this guide will help you navigate the site efficiently.

🗺️ Learning Paths & Curriculum

The sidebar is organized to help you learn topics in a logical, progressive order.

• Root Topics: At the top level, you'll find foundational concepts arranged in a recommended reading order (e.g., HTML/CSS ➔ JavaScript ➔ React ➔ Next.js).
• Deep Dives & Folders: For expansive topics, like Backend Engineering, you'll find dedicated folders. Inside these folders, the chapters are numbered sequentially (e.g., 01, 02) so you can follow along step-by-step.

🔍 Navigation & Core Features

I've built several features into this site to help you find exactly what you're looking for:

• Global Search: Press ⌘S (or Ctrl+S on Windows/Linux) anywhere on the site to instantly search across all titles, tags, descriptions, and the full text of every note.
• Tags System: Click on any tag badge (like react or backend) to instantly view all related notes across the entire platform.
• Table of Contents: As you read through longer guides, a dynamic table of contents is automatically generated on the right side of the page so you never lose your place.
• Rich Content: The notes feature rich code blocks, syntax highlighting, and detailed architectural tables.

🚀 Getting Started

If you're unsure where to begin, I recommend starting from the top of the sidebar and working your way down.

Grab a coffee, pick a topic that interests you, and start learning! If you're looking for something specific, just hit ⌘S to search.