Developed using (HTML, CSS, Webpack, Vanilla.js)To-do list is a tool that helps you to organize your day

Dagmawi zewdu

Last update: Mar 4, 2022

Overview

Todo-list-webpack-config

Sample Design of a todo List.

Screensot

Built With

-webpack

Getting Started

This project is configure with webpack.

Available Scripts

In the project directory, you can run:

`npm install`

Installs basic dependency for the project.

`npm start`

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`npm run build`

To run Unit test run:

`npm test`

Builds the app for production to the dist folder.
It correctly bundles the app in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Live Demo

Check the Live Demo deployed on github pages.

Authors

👤 Dagic Zewdu

GitHub: @Dagic-zewdu

🤝 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!

📝 License

This project is MIT licensed.

Comments

Peer review on jest-testing
Congrats Dagic, for a job well done. However we saw a few issues that we would like you to check, hopefully it can help improve your code.

[ ] On line 13 of the action.test.js file, it would be more comprehensive if you could use (key === 'index' || key === 'completed' || key === 'description') instead of (key === 'index' || key !== 'completed' || key !== 'description').

[ ] Also on line 16 of the same file, it would be more understandable if you could use (todo.description.toString().length > 0) instead of (todo.description.length !== 0)
opened by jerryowusu 1
Unit Tests Milestone 2 : Edit, Update and Clear All functionality Tests
In this milestone we were able to :

[x] Practice pair programming for this milestone

[x] Use Jest for automating our JavaScript tests

[x] Wrote and tested the Edit tasks function

[x] Wrote and tested the Update tasks function

[x] Wrote and tested the Clear all completed tasks function

[x] Used the describe() method to write our tests

[x] No linter errors
opened by Nemwel-Boniface 0
Unit Tests Milestone 1 : Add and Delete functionality Tests
In this milestone we were able to :

[x] Practice pair programming for this milestone

[x] Use Jest for automating our JavaScript tests

[x] Wrote and tested the add function

[x] Wrote and tested the remove function

[x] Used the describe() method to write our tests

[x] No linter errors
opened by Nemwel-Boniface 0
Added add and remove button for completed and also for uncompleted todos
Added remove button for the completed task

Added remove button for the uncompleted task

Stores the updated array of items in local storage, so the user gets the correct list values after the page reloads.

Implemented status update function
opened by Dagic-zewdu 0
Implemented add and remove functionality for todo-list
In this milestone, This functionality are added

Added remove and add todo list functionality

Completed functionality has a stroke on their description

Completed button will remove a completed task

Reset button will remove all todos

The create, update and delete from the array is done with a separate js file
opened by Dagic-zewdu 0
Todo list
In this milestone, I added

Configured webpack properly

Also have sass loader, a CSS loader, and HTML plugin

can run both production mode and development mode

docs folder is emitted when the npm run build command is run

All docs files are generated dynamically

Added todo list with an array of objects as intended
opened by Dagic-zewdu 0

Developed using (HTML, CSS, Webpack, Vanilla.js)To-do list is a tool that helps you to organize your day

Related tags

Overview

Todo-list-webpack-config

Screensot

Built With

Getting Started

Available Scripts

npm install

npm start

npm run build

npm test

Live Demo

Authors

🤝 Contributing

Show your support

📝 License

Comments

Peer review on jest-testing

Unit Tests Milestone 2 : Edit, Update and Clear All functionality Tests

In this milestone we were able to :

Unit Tests Milestone 1 : Add and Delete functionality Tests

In this milestone we were able to :

Added add and remove button for completed and also for uncompleted todos

Implemented add and remove functionality for todo-list

Todo list

Owner

Dagmawi zewdu

"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. You will build a simple website that allows for doing that, and you will do it 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. It is tested by JavaScript Unit testing using Jest framework. It is build by 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. 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!

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

`npm install`

`npm start`

`npm run build`

`npm test`