This is a Webpack Project about Todo-list which you can add your to-dos, edit them, add mark as completed.

Omar Salem

Last update: Jul 14, 2022

Related tags

Build Tools Todo-list-webpack

Overview

Todo-list-webpack

This website Todo-list-webpack provides users a convenient way to keep track of their todos.

Built With

HTML
CSS
JavaScript
Linters

Live Demo

Todos-Live

Instructions to run locally:

To run locally you should have npm and node in your machine

Clone the project using git.
write npm install in your terminal to install dependencies
write npm start to see the output.

Authors

👤 Omar Salem

GitHub: Omar Salem
Twitter: Omar Salem
LinkedIn: Omar Salem

🤝 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 Minimalist licensed.

Comments

update meta tags
What does this PR do?

This PR is raised to add meta tags

Description of the task to be completed

[x] Add description meta tag

[x] Add Image meta tag

How should it be tested

Clone the repository

git clone https://github.com/omarsalem7/Todo-list-webpack.git

Navigate to the folder

cd Todo-list-webpack

Checkout the branch

git checkout testing-milestone2

Thanks for reviewing my PR 😊
opened by omarsalem7 0
Peer-to-peer code reviews
We loved your project 💯 and the javascript was very well structured. The code was DRY and you kept it simple. However, there are a few issues to air out in order to take improve your project:

Optional

To make your code well organized it is recommended to put the tests in the test order and the mocks in the mock folder.
opened by Mwapsam 0
Testing To Do list: part 2
What does this PR do?

This PR is raised to add testing part 2

Description of the task to be completed

[x] Create a testing function for editing the task description.

[x] Create a testing function for updating an item's 'completed' status.

[x] Create a testing function for the "Clear all completed" function.

[x] Use the mock storage object to mock the localStorage updates.

How should it be tested

Clone the repository

git clone https://github.com/omarsalem7/Todo-list-webpack.git

Navigate to the folder

cd Todo-list-webpack

Checkout the branch

git checkout testing-milestone02

Thanks for reviewing my PR 😊
opened by selma-belhadj 0
Testing To Do list: part 1
What does this PR do?

This PR is raised to add testing for todo app

Description of the task to be completed

[x] Use Jest framework for testing.

[x] Create the testing functions for adding an item to the To-Do list.

[x] Create the testing functions for deleting an item in the To-Do list.

[x] Create mock locale storage.

How should it be tested

Clone the repository

git clone https://github.com/omarsalem7/Todo-list-webpack.git

Navigate to the folder

cd Todo-list-webpack

Checkout the branch

git checkout testing-milestone1

Thanks for reviewing my PR 😊
opened by selma-belhadj 0
Milestone3 - Interactive list.
I have done the following in this project:

Add complete functionality

Add clear all functionality

What does this PR do?

This PR is raised to add and remove items from to-dos

Description of the task to be completed

[x] Add complete functionality

[x] Add clear all functionality

How should it be tested

Clone the repository

git clone https://github.com/omarsalem7/Todo-list-webpack.git

Navigate to the folder

cd Todo-list-webpack

Checkout the branch

git checkout milestone3-todo

Thanks for reviewing my PR 😊
opened by omarsalem7 0
Milestone2 - Add and remove items.
What does this PR do?

This PR is raised to add and remove items from to-dos

Description of the task to be completed

[x] Add to-do functionality

[x] Add remove to-do functionality

[x] Add update to-do functionality

How should it be tested

Clone the repository

git clone https://github.com/omarsalem7/Todo-list-webpack.git

Navigate to the folder

cd Todo-list-webpack

Checkout the branch

git checkout milestone2-todo

Thanks for reviewing my PR 😊
opened by omarsalem7 0
Milestone1 - List Structure
What does this PR do?

This PR is raised to set up project with webpack and add initial structure

Description of the task to be completed

[x] Set up the project with Webpack

[x] Create markup for to-do from scratch.

[x] Render to-dos dynamically with JavaScript

How should it be tested

Clone the repository

git clone https://github.com/omarsalem7/Todo-list-webpack.git

Navigate to the folder

cd Todo-list-webpack

Checkout the branch

git checkout milestone1-todo

Thanks for reviewing my PR 😊
opened by omarsalem7 0
Improve code and style
What does this PR do?

This PR is raised to improve code style and fix in mobile version

Description of the task to be completed

[x] Apply DRY principle by improving code style

[x] Fix todos with in mobile version.

How should it be tested

Clone the repository

git clone https://github.com/omarsalem7/Todo-list-webpack.git

Navigate to the folder

cd Todo-list-webpack

Checkout the branch

git checkout improve-code

Thanks for reviewing my PR 😊
opened by omarsalem7 1

This is a Webpack Project about Todo-list which you can add your to-dos, edit them, add mark as completed.

Related tags

Overview

Todo-list-webpack

Built With

Live Demo

Instructions to run locally:

To run locally you should have npm and node in your machine

Authors

🤝 Contributing

Show your support

📝 License

Comments

What does this PR do?

Description of the task to be completed

How should it be tested

Thanks for reviewing my PR 😊

Optional

What does this PR do?

Description of the task to be completed

How should it be tested

Thanks for reviewing my PR 😊

What does this PR do?

Description of the task to be completed

How should it be tested

Thanks for reviewing my PR 😊

What does this PR do?

Description of the task to be completed

How should it be tested

Thanks for reviewing my PR 😊

What does this PR do?

Description of the task to be completed

How should it be tested

Thanks for reviewing my PR 😊

What does this PR do?

Description of the task to be completed

How should it be tested

Thanks for reviewing my PR 😊

What does this PR do?

Description of the task to be completed

How should it be tested

Thanks for reviewing my PR 😊

Owner

Omar Salem

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

Package your Node.js project into an executable

A toolkit to automate & enhance your workflow

This is a Webpack Project about Todo-list which you can add your to-dos, edit them, add mark as completed.

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

A simple To Do List application that allows users to save, edit, mark completed, and delete their to-dos, and save their list when application is closed. Build with JavaScript.

A web app which help you to save your daily tasks, mark them as completed and edit and delete them. Built with JavaScript

A web app which help you to save your daily tasks, mark them as completed and edit and delete them. Built with JavaScript

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.

This project is a To-do list app which users can store and edit their Todo Tasks. Users can also change the order of their todo

This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining localstorage, marking tasks completed and clearing all completed tasks.

A simple to do list webpage where you can log the daily tasks you have to do, mark them as checked, modify them, reorder them and remove them. Made using HTML, CSS and JavaScript.

TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.

To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack

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.

A simple todo list app that allows users to add, delete, edit, and clear all completed tasks, built with HTML, CSS, Javascript and webpack.

The Bookstore website is designed for you to create a personal list of books. You can add a book to the list, or remove a book from your list. You can use this as a "to read" list and update the list when you finish reading a book that is on the list.