"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.

Overview

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 project you need coded, don’t hesitate and contact me.

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 complete.

Minimalist example

!Click to see the Live Version of this project

Built With

  • HTML
  • CSS
  • JavaScript ES6
  • Webpack

Getting Started

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

  1. Open your terminal and navigate to the folder you would like to put these files.
  2. Type these commands into the terminal:
  1. To build the project with webpack
  • npm run build
  • Open dist/index.html in you web browser.
  1. To run the webpack dev server
  • npm run start
  • Your web browser will open on localhost:8080

Authors

πŸ‘€ Abdul Ali

🀝 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

  • This website is inspired by the minimalist website. That website is already offline but you can still play with thanks to web.archive.org.

πŸ“ License

This project is MIT licensed.

You might also like...

"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.

Todo_List Description "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 th

Apr 19, 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.

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 comple

Jul 4, 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.

To-Do 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 compl

May 24, 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.

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

Apr 29, 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.

To do 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 compl

Jun 10, 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.

To-Do-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 compl

Jul 19, 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.

To-do List build with Webpack "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

Aug 19, 2022

A to-do list is a tool that helps organize your day. It simply lists the things that you need to do and allows you to mark them as complete.

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 comple

Aug 20, 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.

To Do List This Projects involves building a clone of minimalist ToDo List. Built With HTML, CSS & JS Live demo Getting Started To get a local copy up

Oct 7, 2022
Comments
  •  Daily life todo list.

    Daily life todo list.

    In this project I did the following things:

    1. Added the functionality of adding, and removing lists. 2)Added the functionality of updating todos.
    2. Added the functionality of Clearing up all checked(completed todos) dynamically.
    3. All these things are also stored in local storage dynamically.
    4. Added a function to automatically reassign the index values whenever some item is deleted, updated, or added.
    5. It is by the ES6 new feature like arrow functions and scopes etc. 7)I have used ### WEB PACK for this project with mode: "development" and it's working as it needs to.
    opened by ABDULALI3468 0
  • Daily life todo list

    Daily life todo list

    In this project I did the following things:

    1. Added the functionality of adding, and removing lists.
    2. Added the functionality of updating todos.
    3. Added the functionality of Clearing up all checked(completed todos) dynamically.
    4. All these things are also stored in local storage dynamically.
    5. Added a function to automatically reassign the index values whenever some item is deleted, updated, or added.
    6. It is by the ES6 new feature like arrow functions and scopes etc.
    7. I have used WEB PACK for this project with mode: "development" and it's working as it needs to.
    opened by ABDULALI3468 0
  • DRY, KISS AND YAGNI principle!

    DRY, KISS AND YAGNI principle!

    Your code does follow these principles but a few things need to be addressed πŸ‘

    • [ ] You created an assets folder that contains many images and icons but you didn't use any of them.
    • [ ] I saw your commits in which you have used them, before but then tried to use the font awesome icons great but I request you to consider removing the unuseable assets.

    CONCLUSION: I guess you know what you need to create that is great and your code also hasn't unused code, repetition, and any technology that was not intended to be there.

    opened by ABDULALI3468 0
  • peer-to-peer code review

    peer-to-peer code review

    your code is clean and working a properly good job so far πŸ‘

    • some required changes are concerning your README file you may update it to make your project more descriptive
    opened by divinecharlotte 0
Owner
ABDUL ALI
A full-stack web developer @Microverse, ready for new adventures. React | Angular | Ruby on Rails | Databases | Servers. Available for hire 😏 Love automation.
ABDUL ALI
Cindy Dorantes 12 Oct 18, 2022
Chris Siku 13 Aug 22, 2022
Harrison Njuguna 5 Nov 11, 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. 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

Dyary Raoof Bayz Agha 5 Mar 29, 2022
To-do list" is an app that helps to organize your day. the user simply lists the things that needs to done and the app allows the to mark them as complete when they are done. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Todo-list project This is a Microverse project that entails a to-do-list. Built With HTML CSS Javascript Webpack VS code Live Demo (if available) Live

Youta Lactio Christabelle 10 Aug 3, 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. Built with JavaScript.

To Do List Application that record the tasks to remind you and got many features that you might need. This is an image for it Live Demo Live Demo Here

Omar Ragheb 14 Jul 13, 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. Built with JavaScript.

To-do 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 complet

Leonardo Goss 9 Mar 4, 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

To Do 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 compl

Sahar Abdel Samad 16 Aug 9, 2022