https://github.com/justin-marian/todo-list

WebDev101 Project🌐- Interactive To-Do List app for managing homework and projects efficiently. Features task filtering, local storage, and a clean UI.
https://github.com/justin-marian/todo-list

responsive-ui todo-list-app-vanilla-javascript

Last synced: 10 months ago
JSON representation

WebDev101 Project🌐- Interactive To-Do List app for managing homework and projects efficiently. Features task filtering, local storage, and a clean UI.

• Host: GitHub
• URL: https://github.com/justin-marian/todo-list
• Owner: justin-marian
• License: unlicense
• Created: 2024-03-17T22:30:00.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-21T11:51:00.000Z (over 1 year ago)
• Last Synced: 2025-05-17T13:52:40.662Z (about 1 year ago)
• Topics: responsive-ui, todo-list-app-vanilla-javascript
• Language: CSS
• Homepage:
• Size: 78.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 📝 TODO List App -  Reminder Homeworks

Reminder Homeworks is a simple and modern To-Do List web app designed for organizing homework and projects efficiently. It lets users `add`, `edit`, `delete`, and `mark tasks as completed`, with tasks stored locally for persistence.

With an intuitive UI, smooth animations, and filter options (**All**, **In Progress**, **Finished**), managing tasks becomes effortless and much more efficient.

---

## 🚀 Features

- ✅ **Task Management**: Add, edit, delete, and mark tasks as completed.

- 🔍 **Filters**: View tasks in three categories: **All**, **In Progress**, and **Finished**.

- 💾 **Persistent Storage**: Uses `localStorage` to retain tasks even after page reload.

- 🎨 **User-Friendly Interface**: Clean UI with animations and emoji-enhanced tasks.

- 🔗 **GitHub Integration**: Quick access to the project repository.

---

## 📸 Screenshot

![Reminder Homeworks Preview](pictures/final_result.png)

---

## 🎨 UI Enhancements

- 🌟 **Soft shadow effects** for better visibility.

- 🎭 **Emoji-based** task representation.

- 🖱️ **Hover effects and animations** for smooth interactions.

---

## 🛠️ Technologies Used

- 🏗 **HTML5 & CSS3** – Responsive design.

- ⚡ **JavaScript (Vanilla JS)** – Task handling logic.

- 💽 **LocalStorage** – Data persistence.

---