https://github.com/emersonramos3lt/to-do-list

A dynamic task list application built using JavaScript and styled with Flexbox, featuring data persistence to save and restore your tasks seamlessly.
https://github.com/emersonramos3lt/to-do-list

css css-flexbox css3 flexbox flexbox-css html html-css html-css-javascript html5 javascript js responsive responsive-design todo-list todolist

Last synced: about 1 month ago
JSON representation

A dynamic task list application built using JavaScript and styled with Flexbox, featuring data persistence to save and restore your tasks seamlessly.

• Host: GitHub
• URL: https://github.com/emersonramos3lt/to-do-list
• Owner: emersonramos3lt
• Created: 2025-01-08T13:58:19.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2025-01-08T14:08:35.000Z (about 1 month ago)
• Last Synced: 2025-01-08T15:33:15.654Z (about 1 month ago)
• Topics: css, css-flexbox, css3, flexbox, flexbox-css, html, html-css, html-css-javascript, html5, javascript, js, responsive, responsive-design, todo-list, todolist
• Language: CSS
• Homepage: https://emersonramos3lt.github.io/to-do-list/
• Size: 26.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 with Persistent Data**

This project is a modern, fully responsive To-Do List application built with HTML, CSS, and JavaScript, offering a clean and intuitive way to manage daily tasks. The app uses 

localStorage to save task data, ensuring that your to-do items remain intact even if you refresh or leave the page.

Users can add tasks to the list, mark them as "checked" or "unchecked", and remove tasks effortlessly by clicking the "X" icon. The layout is built with Flexbox, providing a 

visually appealing and responsive design that adapts perfectly to screens of all sizes.

# **🛠️ Main Features**

- **HTML, CSS & JavaScript Implementation**

- **Persistent Data Storage with LocalStorage**

- **Mark Tasks as "Checked" or "Unchecked"**

- **Remove Tasks with a Clickable "X" Icon**

- **Modern and Responsive Design using Flexbox**

- **Simple and Elegant UI/UX Design**

# **📷 Screenshot**

![Screenshot](./screenshot/img1.PNG)