This is a project being built to show the usage of Webpack. It's an application were you are able to add a task to the list, and remove a task from the list

Last update: May 6, 2022

Related tags

Overview

Microverse Project

To Do List

This is a project being built to show the usage of webpack. Its an application were you are able to add a task to the list, and remove a task from the list

Features implemented so far are:

Responsive HTML page List of tasks created dynamically

Built With

HTML

CSS

Javascript

Webpack module bundler

Getting Started

To get a local copy, follow the following steps

Prerequisites

VS code

Git Bash

Setup

Git clone https://github.com/rolandfbk/to-do-list.git

Usage

npm install

npm run build

npm start

Live Demo

Live Demo Link

Author

👤 Roland Ossisa Yuma

GitHub: @rolandfbk

LinkedIn: Roland Ossisa Yuma

Twitter: @rolandfbk

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgement

Greatful to @microverseinc for putting this project together

📝 License

This project is MIT licensed.

Comments

Webpack Setup
This the To Do List project. Below is the list of everything that I implemented:

I set up Webpack on the project

I created an src folder where I added the index.html, index.js, and style.css files

I implemented the user interface just the way it appears on the requirement details
opened by rolandfbk 2
Task marking and clearing completed task
Below are the features that I have implemented:

The user can select the completed tasks

The user can select the completed tasks and not delete them. On a new page load, the user can still see the checked completed task and decide to clear them or not.

The user can select the completed tasks, then click on "Clear all completed" to delete them
opened by rolandfbk 0
Crud implementation
Below are the features that I have implemented:

Adding a task to the list => by typing the task on the input field and pressing Enter, or clicking on the submit button( the icon on the right-hand side)

Updating a task on the list => by clicking on the 3 dots, then correcting the task, then clicking away or pressing Enter

Removing a task from the list => by clicking on the 3 dots, then clicking on the trash icon

Removing completed tasks from the list => by selecting the tasks, the clicking on Clear all completed

Removing all tasks from the list => by clicking on the refresh icon on the top-right corner of the app
opened by rolandfbk 0
DRY, KISS and YAGNI
On this line, I was supposed to use "foreach" in order to loop into the array.

On this line, I was not supposed to equal the condition to "true".
opened by rolandfbk 0
Peer-to-peer code review

Hey Roland, You've done a great job so far on your project. But there's a small problem with your coding structure, having an organized and structured code really improves your ability to maintain your code and to debug it more efficiently, so I would suggest that you follow these few steps :

Try to have all of your event listeners on the bottom of your js file as they will be last rendered by the browser. Start your code by declaring all your variables At the top I suggest you use JS modules as they would improve your app performance and modularity.

opened by NabilHY 0

This is a project being built to show the usage of Webpack. It's an application were you are able to add a task to the list, and remove a task from the list

Related tags

Overview

Microverse Project

To Do List

Features implemented so far are:

Built With

Getting Started

Prerequisites

Setup

Usage

Live Demo

Author

🤝 Contributing

Show your support

Acknowledgement

📝 License

Comments

Webpack Setup

Task marking and clearing completed task

Crud implementation

DRY, KISS and YAGNI

Peer-to-peer code review

Owner

Roland Ossisa Yuma

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.

A To-Do-List app that input's a task by user and saves itself in the localStorage with a unique ID and when the task it checked as complete, user can click on clear all task to remove the task form the UI and localStorage. Built using JavaScript ES6

"To Do List" is a minimalist project that displays a list of task and allows you to add and remove task from that list. Built with JavaScript

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

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

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

This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and served with webpack dev server

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 repo was made to bring to light all discord scams, and show how to tell if you are being scammed and how to remove malware from scams

This repo was made to bring to light all discord scams, and show how to tell if you are being scammed and how to remove malware from scams

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.

This is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This was a continuous project, where in each milestone, new feature(s) was/were added to it.

A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

A to-do list Web application that lets the user add, remove and reorder to do lists and checks a task when completed with a button to delete all completed task

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.

This is a simple booklist app. The user is able to add and remove books to their list.

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.