https://github.com/maklonfr/todo-list
Aplikasi Todo-List | Uji Kompetensi Keahlian (UKK )Paket 2 Rekayasa Perangkat Lunak Tahun 2025
https://github.com/maklonfr/todo-list
css font-awesome html javascript todolist vscode
Last synced: 4 months ago
JSON representation
Aplikasi Todo-List | Uji Kompetensi Keahlian (UKK )Paket 2 Rekayasa Perangkat Lunak Tahun 2025
- Host: GitHub
- URL: https://github.com/maklonfr/todo-list
- Owner: MaklonFR
- Created: 2025-02-02T15:40:34.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-02-02T16:36:00.000Z (8 months ago)
- Last Synced: 2025-02-02T17:28:07.972Z (8 months ago)
- Topics: css, font-awesome, html, javascript, todolist, vscode
- Language: JavaScript
- Homepage: https://todo-list-livid-two-30.vercel.app
- Size: 65.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To-Do List
A simple and responsive To-Do List application built with HTML, CSS, and JavaScript. This app allows users to add, edit, delete, mark tasks as completed, and filter tasks based on search input. Tasks are saved to `localStorage` to persist even after the page is refreshed.
## Features
- **Add** new tasks
- **Edit** existing tasks directly within the list
- **Delete** tasks
- **Mark tasks** as completed or unfinished / Start
- **Search** tasks by text
- **Filter** tasks into "Unfinished / Start" and "Finished" categories
- **Tasks persist** even after page refresh using `localStorage`
- **Responsive design** suitable for both desktop and mobile
## Technologies Used
- HTML5
- CSS3
- JavaScript
- Font Awesome (for icons)
- Google Fonts (for 'Space Mono')
## Installation
1. Clone this repository or download the ZIP file.
2. Open the `index.html` file in your browser to run the To-Do List app.
```bash
git clone https://github.com/MaklonFR/todo-list.git
cd todo-list
open index.html
```
## Result
### Unfinished
### Finished
