A daily activity tracking application that helps to organize your daily tasks and keep track of tasks that have been completed, or yet to be completed.

Related tags

Learning resource javascript css html webpack
Overview

To-Do-List

screenshot

This is my To-Do List project in the Microverse curriculum.

Built With

  • HTML
  • CSS
  • Javascript (Webpack)
  • GitHub

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running:

  1. Clone this repository or download the Zip folder:

git clone https://aburayhaan.github.io/To-Do-List/

  1. Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd <folder>

Author

👤 Hammed Adisa

Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐ if you like this project and how we manage to build it!

📝 License

This project is MIT

Comments
  • DRY Exercise

    DRY Exercise

    Hello @AbuRayhaan, you have done a good work to implement the feature 🥇

    ##To highlight 💹 ✅ I have implemented the DRY ✅ I have implemented the KISS. ✅ I have implemented the YAGNI. ✅ I need to perfect the declaration of the variable using uniform variable names.

    opened by AbuRayhaan 0
  • Issues from morning session Module 2 Week 3

    Issues from morning session Module 2 Week 3

    Hi @AbuRayhaan,

    Congratulations on your work, it looks really good. However, we have a few suggestions to make it better!

    To highlight 🏆

    ✅ Clean and easily readable code ✅ Proper use of modules ✅ DRY, KISS, and YAGNI code base

    Suggestions

    • It would look more professional if you can include a screenshot of your app in the Readme
    • The live demo link does not direct to the proper link
    • You implemented reload on some functionalities, it would be better to make the app more dynamic and avoid using reload for best practices
    opened by JauJau088 0
  • Interactive list

    Interactive list

    To Do List: Interactive List

    In this milestone, I did the following:

    • Created a modules directory.
    • Add event listener to the checkbox.
    • Used filter() method to clear all tasks.
    • Stored tasks in the local storage.
    opened by AbuRayhaan 0
  • Add remove task

    Add remove task

    To Do List: Add & Remove Tasks

    In this milestone, I did the following:

    • Implement the Add a new task functionality.
    • Implement the Delete a new task functionality.
    • Implement the Edit a new task functionality.
    • Implement storing changes to local storage.
    opened by AbuRayhaan 0
  • Peer-to-peer code review

    Peer-to-peer code review

    Great job implementing some of the requirements, still, there are some slight somethings on which you need to work on your README:

        1. kindly, fix the link to your live demo  since it does not redirect to the actual page
    2. kindly, fix your screenshot image since it is broken

    Otherwise, your implementation is great 🥇

    opened by jodrack07 0
  • Project setup

    Project setup

    To Do List: Project Setup

    In this milestone, I did the following:

    • Setup the Webpack Configuration for the project.
    • Created webpack.config.js for the manual configuration.
    • Setup the webpack dev server to generate the /dist directory.
    • Created an index.html as a placeholder template for the HTML Webpack Plugin.
    • Created an index.js file to keep the task objects.
    • Created a function in the index.js file which populates each task.
    • Created the styles.css file for styling and imported it into the index.js file.
    • Loaded the style.css file using Webpack Style/CSS Loader.
    • Created the screenshot image and modified the README.md file.
    • Ensured that all source files (index.html, index.js, and style.css) are located in /src directory.
    • Ensured that there are no linters error.
    • Used the correct GitHub Flow.
    • Documented the project in a professional way
    opened by AbuRayhaan 0
Owner
Hammed Adisa
👨‍💻 Full Stack Web Developer Student and Mentor 💻 @microverseinc HTML | CSS | Javascript. Currently, I am available for hire.
Hammed Adisa
GitHub https://aburayhaan.github.io/To-Do-List/
It is a simple yet powerful to do list app in which you can add daily to-do tasks.you can edit, remove, check it to change its status to complete or not complete. it would save all the data and changes in local storage and track your daily tasks whether you have completed them or not.Built with vanilla JavaScript

To Do list - minimalist It is a simple yet powerful to do list app in which you can add daily to-do tasks. it would save all the data and changes in l

Zuhaib Amjad 5 Oct 9, 2022
This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.

Screenshot Here is a screenshot for the project. To-Do-List Project This is a Microverse project that entails a to-do-list which one is able to add an

Grayce Muthui 8 Jun 16, 2022
Keep a track of all the tasks you need to do and Check off ones you have completed - Created using HTML, SCSS, JavaScript and Webpack.

To Do List Keep a track of tasks you need to do. An Application where you can keep a track of the tasks you need to do and checkout the ones that have

Awais Amjed 19 Jul 28, 2022
This is a To-Do List. It shows a minimalist design with the next features: Add new tasks, edit tasks, markup completed tasks, and erase all completed tasks. Built with JavaScript.

Project Name To Do List Built With HTML CSS JavaScript Live Demo To do List Live Demo Link Getting Started This is a To Do List. It shows a minimalist

Santiago Cárdenas 6 Jun 9, 2022
This is simple To-Do App for managing the daily tasks and to keep track on tasks during the day.

Event Page Todo List. This is simple To-Do App for managing the daily tasks and to keep track on tasks during the day. Built With HTML CSS JavaScript

Miftah Amin 16 Mar 9, 2022
A simple application used to organize your day to day activity. Tasks can be added and removed from this list.

Minimalist ToDo List A minimalist list of TODOs. Built With HTML, CSS, JavaScript Webpack Jest NPM Node Getting Started In order to obtain a local cop

Eva Lavinia Bucur 10 Sep 9, 2022
The website which can help you to organize your daily or weekly activities and review them when you need them. you can add, remove and delete an activity

To Do list To do project is webpack project that list activities someone can do at a specific time In this TO-DO list, you can add or remove you activ

Joffrey NKESHIMANA 5 Jul 21, 2022
A todo-list app designed to help users manage their tasks. Users can create a task, read tasks, update tasks, delete task, check completed tasks and delete all checked tasks. Also contains basic tests. Built with WebPack,, Modular JavaScript, Jest Libary and LocalStorage.

todolist This project is created to understand the use of ES6 with Webpack Built With HTML, CSS and Javascript. Webpack. Live Demo (if available) http

Shotola Ololade 3 Oct 13, 2022
Todo application is a web app that helps to organise your daily activities. It lists all the activities that you need to be completed and allows you to mark them as complete or not. Tasks can also be dragged and dropped in any position. It's a minimalistic website built using JavaScript ES6, Webpack and CSS

Todo Application Todo application is a web app that helps to organise your daily activities. It lists all the activities that you need to be completed

Shamuobe Buingo Joseph 5 May 3, 2022
To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease.

TODO-LIST To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease. Additional description a

Steve 12 Jul 22, 2022
A simple project to keep track of your activities. It allows basic CRUD operations to organize your to do list.

todo-list A simple project to keep track of todo list. Built With HTML CSS Javascript Webpack Live Demo You can checkout the live version here Getting

Abdelmejid Oumer Ali 9 Jul 20, 2022
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

Adel Guitoun 8 Oct 18, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
A to do list where you can add tasks, mark completed tasks and clear all completed tasks.

To Do List A to do list where you can add tasks, mark completed tasks and clear all completed tasks. You can rearrange the order of the tasks by doubl

Amira 7 Mar 4, 2022
A web app designed to keep track of activities that are done and those that are and not done. Users can add, delete, mark as completed and update the activities. Built with Javscript, html, css and webpack.e your activites

ToDoListApp A web app designed to help web keep track of activities that are done and those that are still pending. Users can add, delete, mark as com

Francis Wayungi 6 Dec 23, 2022
Evolve is an online investment portfolio management system where users can keep track of all the assets that they have invested in and how well their assets are performing.

Evolve is an online investment portfolio management system where users can keep track of all the assets that they have invested in and how well their assets are performing.

Indrajit 6 Oct 16, 2022
A simple JS To Do List bundled using Webpack. You can add new tasks, edit existing tasks, check completed tasks, and delete tasks from the list. It is built mainly with Javascript.

To-Do-List A simple HTML list of To Do built using webpack and served by a webpack dev server. Live Link See Demo Built With HTML, CSS, Javascript To

Michael Ugochukwu 3 May 10, 2022
This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.

To-Do List A simple web application of a to do list Built With HTML, CSS, JS, ES6 & Webpack Getting Started In this repository I created To-Do List SP

Juan Sebastian Sotomayor 12 Apr 11, 2022
This is an app that helps people keep track of all their activities for a period of time.

To-Do List This is an app that helps people keep track of all their activities for a period of time. They can be able to see what activities they have

Abubakar Ummar 6 Oct 17, 2022