Clarity — Minimalist Note App

Clarity is a clean, distraction-free note-taking web app built with Express, Tailwind CSS v4, and DaisyUI.
It helps you capture, edit, and manage your thoughts instantly — whether you’re coding, journaling, or planning your next adventure.

• Live App
• Github Repo

---

🧩 Tech Stack

Layer	Technology
Frontend
Backend
Storage
Runtime Tools

---

Features

• 🧠 Real-time auto-save as you type
• 🗒️ Instant note creation and deletion (hover bin icon to delete)
• 🎨 Multiple themes powered by DaisyUI (saved to localStorage)
• 📑 Dynamic note list auto-refreshes after every update
• 🧭 Lightweight JSON storage — no database required
• 🔍 Planned: Search, filter, and timestamp tracking

---

Installation & Setup

Clone the repository and install dependencies:

git clone https://github.com/Jamal-Raja/clarity.git
cd clarity
npm install

Build Tailwind CSS and start the app:

npm run css:build
npm run devStart

Then visit:

http://localhost:3000

---

Usage

• Click ✚ Compose to create a new note.
• Begin typing — Clarity automatically saves your changes.
• Click any note in the sidebar to load it instantly.
• Delete a note by clicking its bin icon.
• Change themes from the Theme dropdown — your choice is remembered next session.

---

Project Structure

Clarity/
├── public/ # Frontend files served by Express
│ ├── index.html # Main HTML file 
│ ├── input.css 
│ ├── output.css 
│ └── script.js # Frontend logic (CRUD operations + auto-save)
├── .gitignore 
├── allData.json # Local JSON database storing all notes
├── package-lock.json 
├── package.json 
├── server.js # Express backend (API routes for notes)
└── README.md # (<--You are here)

API Endpoints

Method	Endpoint	Description
GET	/notes	Fetch all notes
POST	/notes	Create a new note
PUT	/notes/:id	Update an existing note
DELETE	/notes/:id	Delete a note

Made with passion by Jamal Raja: https://github.com/Jamal-Raja

“See your thoughts take shape.”