Back to Projects
Personal Projecthobby

Kaghaz - Note Taking App

A minimal note taking web app that lets you create notebooks with custom pages. Made with Next.js, Tailwind Css and Shadcn UI components.

Role

Full Stack Developer

Duration

1 month

Team Size

1

About the Project

Kaghaz is a minimalist note-taking web application that provides a clean, distraction-free environment for writing and organizing thoughts. Built with Next.js and Tailwind CSS, it features custom notebooks, rich text editing, and a beautiful interface inspired by traditional paper notebooks. The app emphasizes simplicity and focus, allowing users to create, organize, and share their notes seamlessly.

Technology Stack
Next.jsTailwind CSSSupabase
Challenges
  • Creating distraction-free writing environment
  • Real-time note synchronization
  • Custom notebook organization
  • Responsive design for all devices
Solutions
  • Implemented clean, minimal UI with Tailwind CSS
  • Built real-time sync with Supabase
  • Created hierarchical notebook structure
  • Designed mobile-first responsive layout
Screenshots
Click on any image to view in full size
Kaghaz - Note Taking App screenshot 1
Kaghaz - Note Taking App screenshot 2
Kaghaz - Note Taking App screenshot 3
Kaghaz - Note Taking App screenshot 4
Kaghaz - Note Taking App screenshot 5
Kaghaz - Note Taking App screenshot 6
Kaghaz - Note Taking App screenshot 7
Project Links