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

Overview

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 implemented 3 functionalities on the this project namely:

  • Add task
  • edit task
  • delete task

Built With

  • CSS
  • HTML
  • JavaScript

Live Demo (if available)

Live link not avaible yet

Getting Started

To use this repositpry you will need to Clone this repository to your machine. A .gitignore file is already created to ignore any file that is irrelevant, especially your node.js file. A linter is already set up to help you check for errors in your codes

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

Prerequisites

Tap on the code option in the repo, then you copy the link to the repo provided

Setup

Open your git bash or your IDE terminal then use the git command to clone it to your machine

Install

The folder will then be installed in your machine.

Usage

You can edit codes and make changes, dont forget to give credits to me

Run tests

Linters are already setup in the repo for error checks

Authors

👤 Richard Chileya

Contributions, issues, and feature requests are welcome !

Feel free to check the issues page.

Contributor

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

You might also like...

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

May 10, 2022

JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard API using JavaScript async and await and add some styling.

Leaderboard Project JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard

May 20, 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

Nov 18, 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

Oct 30, 2022

Microverse Module 02 Project: This is education project that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.Built with HTML, CSS, JavaScript

Project Demo Live Demo AWESOME BOOK PROJECT Project allow user to add desire books to the list and also delete books. It makes use of local storage to

Dec 3, 2022

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

Jul 21, 2022

This is a JavaScript leaderboad list app. In this project I used Webpack and ES6 modules. As well as HTML, and CSS for styling the app. When submitting the scores the data is preserved thanks to the external Leaderboard API service.

Leaderboard App In this project the leaderboard app allows you to create games and the user can submit their names and scores into the app to keep tra

Oct 26, 2022

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

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

May 9, 2022

A simple HTML list of To Do tasks built using webpack, JS ES6 and CSS. This app allows users to add and delete tasks to organize their days.

To-Do List "To-do list" is an app that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl

Sep 26, 2022
Comments
  • MY Issue 1

    MY Issue 1

    CHECKING IF MY CODE MEETS THE BEST PRACTICES CRITERIA

    • All javascript code is in javascript files
    • The code follows KISS principles
    • The code makes use of code reuse and not retyping
    • the code does not make use of (console.log)
    • the code has a gitignore file to ignore node modules
    • No inline comments in the repo
    • The code is not 100% dry
    • the code follows YAGNI principles
    • The code observes HTML Best practices
    opened by RichardChileya 0
  • My To-Do List Iterative List Feature

    My To-Do List Iterative List Feature

    In this section :

    • I added a new branch: "iterative-list"
    • I updated my HTML file with classes and IDs for styling
    • I added a new script file for the status update of the tasks
    • I imported the classes into the main script file (index.js)
    • I add styling to the structure
    • I tested the application for errors
    • I fixed the linter errors
    opened by RichardChileya 0
  • Todo-List Task 1

    Todo-List Task 1

    In this section:

    I create new branch I installed webpack
    I added linters file I added the required folders and files I added a function to iterate the to-do list

    opened by RichardChileya 0
  • Morning Section: Peer - to - Peer Review

    Morning Section: Peer - to - Peer Review

    Hello @RichardChileya Congratulation on completing your project, you did a great job applying all the required changes :100:

    After going through your code, we had the following reservations:

    • [ ] Please consider practicing DRY code in your project.
    opened by NahnahAJ 0
Owner
Richard Chileya
Hi, I'm Richard. A Full-Stack student @microverseinc. Proficient in: JavaScript | Webpack | React. I'm available for Hire
Richard Chileya
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology namely; JavaScript with webpack Configuration.

To-do-list "To-do-list" is a simple web application that displays a list of task and allows you to add and remove task from that list. Built With HTML

Aniekan udo 10 Nov 21, 2022
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
This is a simple To-do list built with JavaScript, HTML and CSS. The project uses webpack to bundle JS-modules. Users can add and remove task from the list

This is a simple To-do list built with JavaScript, HTML and CSS. The project uses webpack to bundle JS-modules. Users can add and remove task from the list

Daniel Yerimah 6 Jun 7, 2022
TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

Todo TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list. App Screenshot Live Demo Todo Ap

Ishmael Kargbo 3 May 12, 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
This is a Microverse (@microverseinc) project in which I created a To-do list using Webpack. User can add a task, delete it, edit its description, and clear the completed tasks.

Microverse To-Do list This is a Microverse (@microverseinc) project in which I created a To-do list using webpack. Requirements Build a Todo list usin

Manel Hammouche 11 Aug 3, 2022