Skip to content

A minimal and responsive React-based to-do app with inline editing, localStorage persistence, and a clean Tailwind + MUI UI.

Notifications You must be signed in to change notification settings

abdullahlko/note-screen

Repository files navigation

✏️ NoteScreen

A minimal and responsive React-based Todo app to organize your daily tasks. Built with clean UI, real-time editing, and persistent browser storage.


🚀 Features

  • 📝 Add multiple todos with title & content
  • Mark todos as completed via checkbox
  • 🛠️ Edit tasks in-place
  • 🗑️ Delete tasks with confirmation modal
  • 💾 Auto-saves todos locally (via browser's localStorage)

🖼️ Screenshots

🔍 Preview

Overview of the noteScreen UI

Preview

➕ Add Task

Adding a new todo with title & description

Add

🛠️ Edit Task

Editing an existing task inline

Edit

✅ Mark Complete

Marking a todo as completed (checkbox disables editing)

Edit

🗑️ Delete Task

Delete confirmation modal before removing a task

Delete


🛠️ Tech Stack

Technology Description
React Frontend UI framework
JavaScript Core scripting language
Tailwind CSS Utility-first CSS styling
Material UI Icons & modal components
🗂️ Browser Storage Uses localStorage to persist todos without a backend

About

A minimal and responsive React-based to-do app with inline editing, localStorage persistence, and a clean Tailwind + MUI UI.

Resources

Stars

Watchers

Forks