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 tested by JavaScript Unit testing using Jest framework. It is build by using ES6 and Webpack!

Last update: Nov 11, 2022

Overview

Project Name

To Do list: interactive list

Description the project.

In this project, I added some functionality to my application to make it interactive. The user will also be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage.

Built With

Major languages

HTML
Javascript
Es6
Frameworks

Technologies used

Visual Studio Code
GitHub

Live Demo (if available)

Live Demo Link

Getting Started

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

Prerequisites

Have a Desktop or Laptop Computer running on with Windows, Mac OS or Linux operating system.
Have git installed on the Computer
Have a browser install on the Computer

Setup

If it suits you, on your local computer, create a directory in your preferred location (e.g in the Desktop or Document directory)

Install

Open your Terminal/Powershell or any command line interface you use, then navigate to your created above directory or the directory you'll like to clone this project directory.
Type https://github.com/Harrynoqs/To-do-app.git if your're using https with git or https://github.com/Harrynoqs/To-do-app.git if your preferred is ssh and hit enter.
Navigate to the To-do-list directory on your local computer
In the terminal, npm init -y to initialise the package manager Again, in the terminal, npm install to install everything.

Usage

You can view the HTML document in your preferred or default browser.

Authors

👤 Author1

GitHub: @Harrynoqs
Twitter: @noqsnoq1
LinkedIn: (https://www.linkedin.com/in/harrison-njuguna-59536314/)

🤝 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
Inspiration
etc

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

Comments

interactive page

In this project, I added some functionality to my application to make it interactive. The user will also be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage.

opened by Harrynoqs 0
To Do list: interactive list

In this project, I added some functionality to my application to make it interactive. The user will also be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage.

opened by Harrynoqs 0
To Do list: add & remove

In this project, I implemented the CRUD (create, read, update, delete) methods. All the elements of the user interface would be fully functional and my application will be completed..

opened by Harrynoqs 0
Peer-to-peer code review
Hi @Harrynoqs, great job so far!🙃

Here are some things to improve:

Consider configuring the "enter" button to add a task on click.

Consider removing focus from other elements that are not being edited.

Consider making the tasks' text editable on click instead of having to click on the delete button first.

Consider splitting your code into smaller modules to ease maintenance.
opened by DaveZag 0
Friday peer - to - peer code review week 2 module 2.

Hello, great job so far! Just make the below piece of code to be dynamic.

https://github.com/Harrynoqs/To-do-app/blob/7668bc18ecd13fe3fa7df31b5faf3bf0da1b96f1/src/index.js#L3-L19

opened by johnkioko 0

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 tested by JavaScript Unit testing using Jest framework. It is build by using ES6 and Webpack!

Related tags

Overview

Project Name

To Do list: interactive list

Built With

Major languages

Technologies used

Live Demo (if available)

Getting Started

Prerequisites

Setup

Install

Usage

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

Comments

interactive page

To Do list: interactive list

To Do list: add & remove

Peer-to-peer code review

Friday peer - to - peer code review week 2 module 2.

Owner

Harrison Njuguna

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. I build a simple website that allows for doing that, and I do it using ES6 and Webpack!

This is the version to be reviewed - "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. A simple website that allows for doing that, and built using ES6 and 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 mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

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.

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

Microverse Module 02 Project: This is educational project 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 HTML, Sass, JavaScript and 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 mark them as complete. Built with JavaScript.

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

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

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.

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.