Skip to content

Latest commit

 

History

History
61 lines (36 loc) · 2.21 KB

File metadata and controls

61 lines (36 loc) · 2.21 KB

✏️ 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