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

Overview

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 activities you can block completed activities if theyy are any and you can remove all completed activities at once

Built With:

  • HTML
  • CSS
  • JAVASCRIPT
  • webpack

Getting Started

to lanch this attplication clone it first, after navigate to the folder file and run npm i after run npm start

Dependances to Install

npm i webpack webpack-cli webpack-dev-server html-webpack-plugin css-loader style-loader --save-dev

Author

👤 Joffrey

👤 Dario

🤝 Contributing

Feel free to comment in issues section any bugs or changes that you would like to apply on this project check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

This work was done in collaborative teams and you cannot find it anywhere else

📝 License

This project is MIT licensed.

Comments
  • Code Review With Partner

    Code Review With Partner

    @Ibnballo1

    • kindly correct the sentence. Use 'your' instead of 'you'.
    • Kindly use the correct link for the live demo so that people can test your site.
    • Please use HTML 5 syntax to organize your code, like using the
      ,
      , etc. This will ensure that your site is well accessible.
    • It will be good if you adopt using responsive units instead of fixed units as this will make your site more responsive.
    • You should try to always make your code DRY so that there will be repetition and this will save you time and energy if you want to fix bug(s)
    opened by Ibnballo1 1
  • Kindly, consider DRY, KISS and YOGNI and HTML best practices

    Kindly, consider DRY, KISS and YOGNI and HTML best practices

    Issues faced keeping DRY, KISS and YOGNI

    • [ ] put this in function and call it when I need to save to local storage localStorage.setItem('todo', JSON.stringify(todo.getTodos())); changes applied to the following lines:

    • https://github.com/JoffreyNK/To-Do-List/blob/5a654a0bae4d21e87d7a8f929ae69bc4270de154/src/index.js#L46

    • https://github.com/JoffreyNK/To-Do-List/blob/5a654a0bae4d21e87d7a8f929ae69bc4270de154/src/index.js#L57

    • https://github.com/JoffreyNK/To-Do-List/blob/5a654a0bae4d21e87d7a8f929ae69bc4270de154/src/index.js#L63

    • https://github.com/JoffreyNK/To-Do-List/blob/5a654a0bae4d21e87d7a8f929ae69bc4270de154/src/index.js#L73

    • https://github.com/JoffreyNK/To-Do-List/blob/5a654a0bae4d21e87d7a8f929ae69bc4270de154/src/index.js#L79

    • [ ] repeated code that reorder the indexes of objects: please create function and wrap them their for maintenance purpose https://github.com/JoffreyNK/To-Do-List/blob/c90ea4103688b3ab0c1175701767ff08f41df071/src/modules/managedata.js#L40-L50

    • [ ] HTML is not following HTML best practices https://github.com/JoffreyNK/To-Do-List/blob/c90ea4103688b3ab0c1175701767ff08f41df071/src/index.html#L10-L16

    opened by JoffreyNK 1
  • To Do list: add & remove

    To Do list: add & remove

    To Do list: add & remove

    • Created a new JavaScript file for the new functionality.
    • Implemented a function for adding a new task (add a new element to the array).
    • Implemented a function for deleting a task (remove an element from the array).
    • Implemented a function for editing task descriptions.
    • Deleting a task should update all remaining items' indexes, so they represent the current list order and are unique
    • All changes to the To Do List are saved in local storage
    opened by JoffreyNK 1
  • [p2p] Improvement code

    [p2p] Improvement code

    Hello @JoffreyNK 😀

    Good work on your code

    To highlight🎯

    • ✔️ No linter errors
    • ✔️ organized code
    • ✔️ Nice design

    Suggestions✍️

    ✏In order to improve your code we suggest you add a placeholder for the accessibility of the user in the input;

    https://github.com/JoffreyNK/To-Do-List/blob/e05053422698181d667884a33bb8e69feb16ee9c/src/index.html#L12

    ✏ You could kindly add an id to identify the correct checkbox checked to change the state to true.

    https://github.com/JoffreyNK/To-Do-List/blob/e05053422698181d667884a33bb8e69feb16ee9c/src/modules/managedata.js#L74-L80

    opened by Alondra87 1
  • Peer to peer Code Review

    Peer to peer Code Review

    Highlights

    • The code is clean and easy to read
    • You meet all requirements
    • You apply best practices for HTML, CSS & javaScript very well
    • Project well documented Good Job Team
    opened by Jord4N-AC 0
  • Testing To Do list: part 2

    Testing To Do list: part 2

    Implemented tasks:

    • a function for editing the task description.

    • a function for updating an item's 'completed' status.

    • the "Clear all completed" function.

    opened by JoffreyNK 0
  • To Do list: list structure

    To Do list: list structure

    #To Do list: list structure

    • Set up a new project with webpack
    • Create an empty To-Do List placeholder (
      or
        element)
      • use an array of Objects: index, completed, and description for each
      • a function that iterates over the tasks array and populates an HTML list item element for each task
      • the list appears in order of the index values for each task.
      • CSS is loaded by Webpack Style/CSS Loader
      • All source files (index.html, index.js and style.css) are located in /src directory and distribution files will be generated by webpack and served by webpack dev server from /dist folder.
    opened by JoffreyNK 0
Owner
Joffrey NKESHIMANA
Full-Stack Software Developer with a love for React Express MongoDB & MYSQL, available for remote software development Contact me: [email protected]
Joffrey NKESHIMANA
The project is a To-Do list project to help plan daily, weekly or monthly activity. I used Html, CSS and JavaScript Technology to execute the project.

<<<<<<< HEAD To Do List This project is geared towards applying acguired skills for development of my porfolio through the following practices: Create

Victor Efosa Osagie 6 Dec 19, 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
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.

To-Do-List This is my To-Do List project in the Microverse curriculum. Built With HTML CSS Javascript (Webpack) GitHub Live Demo Live Demo Link Gettin

Hammed Adisa 8 May 7, 2022
A web app which help you to save your daily tasks, mark them as completed and edit and delete them. Built with JavaScript

To-Do List A simple to-do list to help you organize your daily tasks. Built With HTML. CSS. JavaScript: ES6, Modules, Classes, Arrow Functions, Events

Williams Colmenares 13 Dec 17, 2022
A web app which help you to save your daily tasks, mark them as completed and edit and delete them. Built with JavaScript

To-Do List A simple to-do list to help you organize your daily tasks. Built With HTML. CSS. JavaScript: ES6, Modules, Classes, Arrow Functions, Events

Williams Colmenares 11 Aug 10, 2022
This repo contains the templates used in my automated obsidian weekly review video and also an accompanying vault with the folder structure expected and plugins

This repo contains the templates used in my automated obsidian weekly review video and also an accompanying vault with the folder structure expected and plugins (periodic note settings etc)

Pamela Wang 53 Dec 21, 2022
This is a Webpack based to-do-list project. With this app, users can add thier daily routine tasks to the list, mark them as complet, edit them or delete them.

To Do List This is a Webpack based to-do-list project. With this app, users can add thier daily routine tasks to the list, mark them as complet, edit

Ali Aqa Atayee 12 Oct 30, 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
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
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
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
e-ONG, an authorial project, whose objective is to help ONGs to find people who need help or would like to help them

This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm start Runs the app in the developmen

Lucas Lima 2 Nov 11, 2022
Very useful website application to memorize all the tasks of the day, mark the complete ones, organize them by importance and finally delete them.

To Do List Very useful website application to memorize all the tasks of the day, mark the complete ones, organize them by importance and finally delet

Gonzalo Medina 3 Jul 29, 2022
📝 Application to help you focus on your daily activities.

INFOCUS-API Focus on your tasks! ?? ?? Topics: about the project methodology and design libs and tools authors ?? About the Project: ?? Infocus: Is a

Marcos Guilherme Goulart Moraes Campos 2 Nov 1, 2022
Cindy Dorantes 12 Oct 18, 2022
A todo list app where one can create activities to do, and delete them when completed. Created with JavaScript.

My ToDo List project ToDo List: setup the structure. Built With HTML, CSS, JS ESLint, Stylelint, Web Hint, Lighthouse Online Version Link This project

John Nduati Kagiri 8 Jul 21, 2022
A To-Do-List app designed to help users organise their daily activities

A To-Do-List app designed to help users organise their daily activities. it simply creates a list of things you want to do and allows you to mark them as complete. It was built with HTML, CSS and JavaScript.

Eshetu Melaku 10 Jun 9, 2022
Chris Siku 13 Aug 22, 2022