Skip to content
Sheheryar Ahmad Pirzada
All projects
Personal

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.
2024Personal Project
01

Overview

Role
Full Stack Developer
Duration
1 month
Team
1

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.

02

Built with

  • Next.js
  • Tailwind CSS
  • Supabase
03

What was hard, and what I did

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
04

Screens

05

Links