Make Your TODO list using my Code written in HTML, CSS, JS

Related tags

Learning resource javascript css html webpack css3
Overview

Screenshot 1 Screenshot 2
Screenshot 3 Screenshot 4
:------------------------------------------------: :------------------------------------------------:
Screenshot 5 Screenshot 6
:------------------------------------------------: :------------------------------------------------:

Welcome! 👋

To Do List

  • This is a website that allows users to add the Task he/she wants to perform. 😋
  • Can Also remove the selected Task and edit it. ✔️
  • The program allows user to mark the task as completed. 😉
  • The data is stored into loca storage of browser. ✔️
  • Items are DRAGABLE 🔥 🔥 🔥 🔥 🔥 🔥 🔥 🔥

Built With

  • HTML
  • CSS
  • JavaScript ES6
  • WebPack

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  node js
  npm

Setup

Clone the repository and change the directory to portfolio

  $ git clone https://github.com/caasperr/To-Do-List-.git

  $ cd To-Do-List-

Install

Install all project dependencies by running the command below

  $ npm install

Usage

Start the http application server

  $ npm start

Deployment

Authors

👤 Name Github Twitter LinkedIn
Waleed Amjad @caasper @developerwaleed

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to Microverse for giving me this project to work on

📝 License

This project is MIT licensed.

You might also like...

The TODO list made in HTML, CSS, JS 🔥🔥

TODO List Welcome! 👋 This Website Allows you to creat your game and add your players score. ScreenShot 1 ScreenShot 2 ScreenShot 3 ScreenShot 4 :----

Dec 29, 2022

Todo List is a simple web-based application that gives users the ability to organize their work and life daily tasks. Built with JavaScript, HTML/CSS.

Javascript Project Todo List Using Javascript to create a simple Todo List project. Populating the todo list and then removing from the list. Built Wi

Sep 28, 2022

A simple todo list app that allows users to add, delete, edit, and clear all completed tasks, built with HTML, CSS, Javascript and webpack.

todo list In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript See Live click here Authors 👤 HaaDiiii

Oct 7, 2022

A simple Todo App with check complete function and filter todo. Made with React and TypeScript.

A simple Todo App with check complete function and filter todo. Made with React and TypeScript.

A simple Todo App with check complete function and filter todo. Made with React and TypeScript. The app can Add, Delete and Edit todo. Todo can be sorted by Complete or Active.

Dec 6, 2022

A simple and basic app, where you can add your todo list and remove all selected or one of the items from the list

A simple and basic app, where you can add your todo list and remove all selected or one of the items from the list

Jun 14, 2022

"Awesome books" is a simple website that displays a list of books and allows you to add ang remove books from that list. Also you can store your data in your local storage. Build with JavaScript, HTML and CSS.

Awesome Books Creating an app that adds and delete books from a list. Built With HTML CSS JavaScript Application Page url https://TimmyChan99.github.i

Jan 28, 2022

This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built with HTML, CSS, JavaScript.

Awesome Books with ES6 This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built

Jul 21, 2022

The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day today activies. Check out the live demo.

The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day today activies. Check out the live demo.

Todo List App The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day toda

Apr 22, 2022

A library for boolean aliases to help you make your code more confusing and make your coworkers hate you.

yup-nope A library for boolean aliases to help you make your code more confusing and make your coworkers hate you. Installation Using npm: npm install

Dec 10, 2022
Comments
  • Peer to peer code review

    Peer to peer code review

    The repo is well documented. All the functionalities function as they are suppose to.

    You can try splitting your js code into modules and import them rather than having alot of code in a single js file.

    opened by Kamba56 1
  • Add remove task

    Add remove task

    #Add remove task

    • Add ToDoTask function.
    • Add Display List Function.
    • Store and fetch data from localstorage.
    • Can Add Task from field.
    • Can Remove Task from field.
    • You have topress the Vertical buttons to edit and delete options.
    • Added Feature store data on pressing enter key.
    opened by developerwaleed 0
  • Do I Follow JavaScript Best Practices?

    Do I Follow JavaScript Best Practices?

    Comments :+1:

    • In the file "toDoTask.js" the Class is getting very long I think that the function definitions could have been initialized into a separate file and imported and used in the required places then.
    • I think The Functions name can be improved.
    • I have read that we must Remove the commented code before pushing it to GitHub.
    opened by developerwaleed 0
Owner
Waleed Amjad
Front-end Developer with a love for React and JavaScript. I play the guitar and mess around with coding challenges in my spare time. Open to new opportunities
Waleed Amjad
GitHub
Make Your TODO list using my Code written in HTML, CSS, JS

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 :------------------------------------------------: :----------------------------------------------

Waleed Amjad 13 Aug 30, 2022
A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I implemented 3 functionalities on the this project namely: Add task edit task delete task using Js

My To-Do List A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I imp

Richard Chileya 5 Nov 11, 2022
DoMe is a ToDo App. you can add, delete and reorder elements of the todo list using drag and drop. You can also toggle between dark&light mode

DO ME Todo App Live Preview : DO ME Built With : - ReactJS - TailwindCSS Make sure you have: - Git - Nodejs version 14 or higher (we recommend using

Medjahdi Islem 5 Nov 18, 2022
Web-pack based Todo-List Website built using HTML, CSS and JavaScript. Tested Using Jest.

To-DO List Live Link Additional description about the project and its features: Built With HTML and CSS Javascript HTML & CSS3 & JavaScript Linters Gi

Saadat Ali 8 Mar 31, 2022
This project is a To-do list app which users can store and edit their Todo Tasks. Users can also change the order of their todo

Project This project is about a todo app bundling using webpack Additional description about the project and its features. Built With HTML CSS Javascr

Richmond Adu-Kyere 2 Jun 17, 2022
Todo-List is an online website where users can add a todo tasks. tasks can be removed , added, and edited. Built with Webpack and JavaScript.

To-do List Description To-do-list is an online website where users can add a todo tasks. tasks can be removed , added, and edited.Built with Webpack a

tarike bouari 9 Sep 9, 2022
A simple Todo app to add list of books a user has read using HTML, CSS, Webpack, JavaScript and modular architecture

Minimalist A simple Todo app to add list of books a user has read. It is implemented using HTML, CSS, Webpack, JavaScript and modular architecture. A

Elikplim 4 May 9, 2022
To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript

Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save

Alzubair Alqaraghuli 5 Jul 25, 2022
This is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module

Awesome books ES6 This is a website that allows users to add and remove books from a list. This project is build using JavaScript objects Built With H

Mustafa Fahimy 7 Jul 21, 2022
A Todo list app that allows the user to add tasks, delete, edit, chage, and clear all completed tasks. Built with JavaScript, CSS and Html.

To Do list: interactive list description: A todo list app that allow users to add new task, delete, edit, and clear all completed.Built with JavaScrip

IBRAHIM AHMAT 7 Aug 4, 2022