This project is a web application that enables users to add, edit and remove tasks they intend to perform. Built with JavaScript, HTML, and CSS.

Related tags

Learning resource TODO-List
Overview

TO DO List

Unit testing using jest

Create the to-do List project with webpack. Ultimately, the user should be able to add an item and delete the item

Live Demo

Link to live demo

Built With

  • HTML
  • CSS
  • Javascript (ES6)
  • Webpack, and served by a Webpack dev server

Getting Started

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

Prerequisites

  • IDE (Atom/Visual studio code)

Setup

  • You can download the file directly by downloading as a zip file directly from github.
  • Alternatively, you can clone the repository by running the git clone command.

Authors

👤 Afolabi Akorede

Collaborator

👤 Ashenafi Andashaw

🤝 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 anyone whose code was used

📝 License

This project is MIT licensed.

Comments
  • Interactive lists

    Interactive lists

    I did this project by:

    -create a new branch (interactive lists) and I switched to it from the main branch -create a new folder (modules) and a create a new javascript file -type some blocks of code to meet the list of interactive project requirement -commit my changes and -push to the repo Have tried all my possible best to rectify the linters errors but I exhausted all the knowledge I have on linter and still couldn't solve the problem, kindly come to my rescue dear code reviewer

    linters pic

    I have checked for the linters and it passed in my VSCode but it kept failing in my Github

    opened by brainconnect93 2
  • Edit task testing

    Edit task testing

    We did this project in a pair programming manner by

    • creating a new branch(Edit task testing)
    • install jest and other testing environments
    • test our todo list by editing, marking complete, and clearing all items
    • commit the changes
    • push to the repo
    opened by brainconnect93 0
  • Unit testing

    Unit testing

    We did this project in pair programming manner by

    1. creating a new branch(unit testing)
    2. install jest and other testing environment
    3. test our todo list by adding and removing items
    4. commit the changes
    5. push to the repo
    opened by brainconnect93 0
  • Review

    Review

    Good job so far @brainconnect93

    🪣 good webpack package installed 🪣 good javascript (ES6) best practices 🪣 modules well used and code well arranged

    REQUIRED CHANGES ♻️

    🪣 the code in line 130https://github.com/brainconnect93/TODO-List/blob/0304f69843963ee8bb0e49ae1517a2b23da43975/src/styles.css#L130 should come before the clear button in your styling to follow the best HTML/CSS practices

    🪣 Your code is throwing some linters errors in both the stylelint and eslint linter kindly check this to see how to fix that No linters error

    opened by brainconnect93 0
  • Peer Review - TO-DO List project

    Peer Review - TO-DO List project

    Hi @brainconnect93 , you have made good progress with your project. Here are a few things to note.

    • The project still contains linter errors. You can try to debug and see where the errors might be coming from.
    • The interface/ui of the project is nicely executed. The customization of the project is nicely executed for the project.
    • The commit messages are clear and concise.
    • You have also used ES6 syntax to complete the project, which is quite good.
    opened by AbbyNyakara 0
  • List add remove

    List add remove

    I did this project by:

    1. create a new branch (list-add-remove) and I switched to it from the main branch
    2. create a new folder (modules) and a create a new javascript file
    3. type some blocks of code to meet the add and remove project requirement
    4. commit my changes and
    5. push to the repo

    Have tried all my possible best to rectify the linters errors but I exhausted all the knowledge I have on linter and still couldn't solve the problem, kindly come to my rescue dear code reviewer

    add-remove

    I have checked for the linters and it passed in my VSCode but it kept failing in my Github

    opened by brainconnect93 0
  • List structure1

    List structure1

    this project was done by:

    1. setting up web pack
    2. creating HTML,CSS,JS file inside a source folder
    3. design the project to fit best the template given
    4. commit my changes and
    5. Push to the repo

    Have tried all my possible best to rectify the linters errors but I exhausted all the knowledge I have on linter and still couldn't solve the problem, kindly come to my rescue dear code reviewer

    linter

    I have checked for the linters and it passed in my VSCode but it kept failing in my Github

    opened by brainconnect93 0
Owner
Afolabi Akorede
Software Engineer with a love for React and JavaScript. I play football and mess around with coding challenges in my spare time. Open to new opportunities
Afolabi Akorede
GitHub
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 simple to do list app built with HTML, CSS and JavaScript. Users can add daily tasks, edit the tasks, delete the tasks when it's done

To Do List This is a website that allows users to manage the tasks. users can add every task to do and when the task is done users can delete the task

Mustafa Fahimy 8 Jul 21, 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

Tumaini Maganiko 7 May 9, 2023
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
Microverse Module 02 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack

todo-list This project is about building a list of To Do tasks. Where you can save your daily activities and help in daily evaluation. Live demo you v

divine charlotte 25 Jan 3, 2023
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
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 project is basically a to-do list application based on JavaScript, HTML, and CSS. Where we can add, remove and edit tasks.

This project is basically a to-do list application based on JavaScript, HTML, and CSS. Where we can add, remove and edit tasks.

Tufahel Ahmed 5 Apr 8, 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 website utilizes JavaScript, HTML, and CSS to allow the user to create a to-do list that they can add to, remove from, and edit.

todo Description the project. "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

Emily Robertson 8 Jul 23, 2022
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
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
A simple To-Do List app built using JavaScript, where users can add, edit and remove tasks from the list as well as marking them as completed.

To-Do List This is a to-do list application. Built With Languages: HTML5 & CSS3 JavaScript Preprocessors: Sass Technologies: Webpack Conventions and M

Gabriel Santo 3 Jun 25, 2022
In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.

Awesome books: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa

Emem Ekpo 7 Sep 9, 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

Hamid Ali 10 Oct 7, 2022
To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed.

To Do App To-Do List project is the application for a to-do list, users can add and remove tasks from the to-do list. Mark tasks as completed. Users c

Ishpaul Singh 6 Jul 21, 2022
A simple To-do app project made using JavaScript ES6 and Webpack - Microverse. You can add, remove, check tasks, and remove all the tasks that were done at the same time. Feel free to see the live version, if you like it please give it a star!

To Do List a to do list javascript app buit using webpack and es6. Built With HTML CSS JavaScript Wepack Live Demo (if available) Live Demo Link Getti

Aron 8 Dec 17, 2022
this project is an online library application that enables users to keep track of books in their library by adding to and removing books from a list. Built with JavaScript ES6 syntax, HTML, and CSS

Awesome-Book1 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules. The

Afolabi Akorede 7 Jul 17, 2022
An interactive list of tasks where you can add, remove, edit, mark as completed and clear all done tasks. Tested with Jest.

To do List This project its an interactive list of task where you can add and remove tasks dinamically Project Images Add new Tasks Edit Existing Task

Alex Puente 7 Nov 9, 2022