Case Study / Productivity App

Git Note

A developer-focused knowledge and workflow tool designed to help users track progress, capture useful patterns, and organize what they learn while building software.

Next.jsTypeScriptTailwind CSSShadcn UIMongoDBMongooseReact Hook FormZodNextAuth

Scope

Full stack product with auth, content workflows, and profile management.

Focus

I wanted the product to feel practical, focused, and easy to reuse day to day rather than just technically feature-rich.

Git Note preview

Overview

Git Note is a productivity-focused app for developers who want a better way to track useful steps, store technical knowledge, and document progress. It combines onboarding, authentication, profile customization, and content management into one cohesive product experience.

Problem

Traditional note-taking flows often break down when developers need structure, searchability, and reusable context. I wanted to create a more practical system for storing knowledge, organizing code-related notes, and tracking long-term growth.

Learnings

  • Built a structured product flow with onboarding, authentication, profile editing, and content management.
  • Improved form architecture with React Hook Form and Zod validation for a cleaner user experience.
  • Designed filtering, searching, and pagination patterns that made large content sets easier to explore.
  • Strengthened full stack product thinking by connecting UI decisions with backend and data-model needs.

Challenges

  • Designing a clean knowledge-management workflow that still felt practical for everyday developer use.
  • Integrating authentication and MongoDB data models in a maintainable way inside a Next.js app.
  • Keeping the UI clear while supporting multiple content types and richer user profile data.