Making(Creating , Modifying , Deleting) Lists you have to do 😎 Built Only with Html, JavaScript, Css

Overview

To-Do_App

To-Do App Icon

Live Demo

You Can See The Project Live On: Here

Description

A Simple To-Do App Mainly Written In Javascript

The project structure is kinda like React and inspired by React style because we only have a root element in the HTML and everything else is injected by Javascript, basically Javascript has the responsibility of the DOM manipulation over the entire project

Alert: The app has browser compatibility issues as I've noticed, especially on mobile browsers and if you are not using the latest versions of the browser the app may not work properly or not working at all.

Features:

  • Done To-Dos
  • Delete To-Dos (individually)
  • Edit To-Dos
  • Date (For Both When You Created And Done To-Dos)
  • Keyboard Accessible
  • Clear All
  • Both Mobile & Desktop Responsive
  • New Features Coming Soon 🚀

Technologies:

  • HTML
  • CSS
  • JS

Feel Free To Fork and Contribute

You might also like...

ToDo list app is a simple web app that helps you organize your day, by adding, checking and deleting daily tasks

ToDo list app is a simple web app that helps you organize your day, by adding, checking and deleting daily tasks

TODO List App "To-do list" is a WebApp tool that helps to organize your day. It simply lists the tasks that you need to do and allows you to mark them

Oct 18, 2022

A to-do list app is a productivity tool designed to help users to create and maintain lists of tasks that they need to complete and it allows user to edit their tasks even after the task is saved. Built with CSS, HTML, and JAVASCRIPT.

Tumaini Maganiko 📗 Table of Contents 📗 Table of Contents 📖 To Do List PROJECT 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started

May 9, 2023

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. It is created with HTML , CSS , JS and webpack and NPM.

My Todo List "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as com

Mar 29, 2022

It is an app that allows you to create lists of books and authors made in the course of Microverse. This project was develop using JavaScript, HTML and CSS.

AWESOME BOOKS This is an Awesome book store project that add store and diplay books on the UI. Built With HTML,CSS, JavaScript Frameworks Github, Lint

Jul 28, 2022

In this website you will add books and also watch the lists of books. A website build wit HTML, CSS, and JavaScript.

Awesome Books ES6 In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript Authors 👤 HaaDiiii GitHub: @Ha

Oct 7, 2022

End-to-End type safety for REST APIs written in Fastify. Only problem is you have to explicity export and register route handlers. LOL

Chino intelligence in japaneese End-to-End type safety for REST APIs written in Fastify. Only problem is you have to explicity export and register rou

Sep 12, 2022

Ordered lists, flat or nested, multiple formats ordered lists.

Ordered lists, flat or nested, multiple formats ordered lists.

logseq-plugin-ol 有序列表,单级或多级、多种样式的有序列表。 Ordered lists, flat or nested, multiple formats ordered lists. 使用展示 (Usage) 在想要展示为有序列表的块上添加一个以 #.ol 开头的标签就可以了。有

Jan 1, 2023
Owner
🔹Software Engineer(Web & Blockchain) 🔹Crypto Currency Fan ------------------- 🔹Enthusiast in Sports , Game/Gambling
null
A simple App for creating, deleting and Updating To Do lists.

To-do-list-demo: Add & Remove Learning objectives Use webpack to bundle JavaScript. Learn how to use proper ES6 syntax. Use ES6 modules to write modul

Kasaija Kenneth 7 Oct 18, 2022
A simple app that helps a user monitor daily activities by adding, storing and deleting activities.Built with HTML,CSS and JavaScript

To-do-list A simple list app that allows a user to add and remove tasks. Built With HTML CSS JS Webpack Live Demo Click To-do-list to see the page. Ge

Catherine K 7 Apr 8, 2022
Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the DOM and adding basic events.

Awesome Books Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the

Didier Peran Ganthier 6 Dec 20, 2022
"To-do list" is a tool that lists the things you need to do and allows you to mark them as complete. Built with JavaScript, HTML, CSS, and Webpack!

HTML CSS JS ES6 WEBPACK NPM LINTERS Todo List Project "To-do list" is a tool that helps to organize your day. It simply lists the things that you need

null 5 Jul 2, 2022
A module for modifying sheet rolling functions on Foundry VTT Character sheets for D&D 5th Edition.

Ready Set Roll for 5e - FoundryVTT Module Ready Set Roll is a Foundry VTT module that accelerates the built in rolling system of the Foundry DnD5e sys

Mangó 17 Dec 12, 2022
Ajayi Ridwan 7 Oct 21, 2022
"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Hello! I am a software developer! I can help you build a product, feature or website. Take a look of my works. If you like what you see and have a pro

ABDUL ALI 7 Jul 17, 2022
To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Microverse Webpack Javascript For the second Javascript milestone in building a todo website, set up a new repository and prepare it for development u

TOFANA SILVIA 16 Jun 13, 2022
A simple to do list webpage where you can log the daily tasks you have to do, mark them as checked, modify them, reorder them and remove them. Made using HTML, CSS and JavaScript.

To-Do-List This Webpage is for an app called To-Do-List which helps you add, remove or check tasks you have to do. It is a simple web page which conta

Zeeshan Haider 9 Mar 12, 2022