This web application was build the microverse program, it's about implementing functionalities using JavaScript

Mehdi Abdelaziz Rahal

Last update: Aug 18, 2022

Related tags

Learning resource To-Do-List

Overview

To-Do list

One paragraph statement about the project.

Additional description about the project and its features.

Built With

Major languages : HTML, CSS, Javascript.
Other modules: npm, webpack

Live Demo

Live Demo Link

Usage

To build the project run :

$ npm install
$ npm run build

Run tests

Deployment

In development environment use the following command:

$ npm run dev

Authors

👤 Mehdi Rahal

GitHub: @githubhandle
Twitter: @twitterhandle
LinkedIn: LinkedIn

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

Comments

add & remove
In this pull request I've added some functionalities that satisfy the following requirement:

Remove all hardcoded items from the tasks array.

Create a new JavaScript file for the new functionality.

Implement a function for adding a new task (add a new element to the array).

Implement a function for deleting a task (remove an element from the array).

Implement a function for editing task descriptions.

By default new tasks should have the property completed set to false and the property index set to the value of the new array length (i.e. if you're adding a 5th task to the list, the index of that task should equal to 5).

Deleting a task should update all remaining items' indexes, so they represent the current list order and are unique.

All changes to the To Do List should be saved in local storage.
opened by Mehdi-Rh 0
Morning session review

You did a great job 👏🏼 👏🏼 To highlight 💪🏻 No linter errors. ✔️ Good commit history ✔️ 👍 Good job! Optional changes: It will be better if you divide your js function into some files, It will be more readable and reuseable in future projects.

opened by beyk 1
Update the README file
You have done a great job, by implementing the required tasks such as :+1:

:heavy_check_mark: removing button

:heavy_check_mark: adding button

:heavy_check_mark: storing data in local storage

:heavy_check_mark: Generate dynamically with JavaScript

But we would suggest updating your README file because both your live demo and MIT links are broken, please create an MIT file(MIT.md) within your project and use the correct link to display your live demo by adding(dist/) at the end of your demo link.
opened by moise-mulungu 0
Yagni issue

The piece of code below can be refactored into only one line https://github.com/Mehdi-Rh/To-Do-List/blob/d76a9b8b0c8bd1081a1dc75297f05beba611f7cc/src/classes.js#L47-L51 Refactoring: ToDo.task[index] = !!completed

opened by Mehdi-Rh 0
DRY issue
In the src/classes.js file a repeated set item to local storage which could be refactored into a simple function

https://github.com/Mehdi-Rh/To-Do-List/blob/d76a9b8b0c8bd1081a1dc75297f05beba611f7cc/src/classes.js#L19

https://github.com/Mehdi-Rh/To-Do-List/blob/d76a9b8b0c8bd1081a1dc75297f05beba611f7cc/src/classes.js#L28

https://github.com/Mehdi-Rh/To-Do-List/blob/d76a9b8b0c8bd1081a1dc75297f05beba611f7cc/src/classes.js#L35

https://github.com/Mehdi-Rh/To-Do-List/blob/d76a9b8b0c8bd1081a1dc75297f05beba611f7cc/src/classes.js#L42

https://github.com/Mehdi-Rh/To-Do-List/blob/d76a9b8b0c8bd1081a1dc75297f05beba611f7cc/src/classes.js#L52

https://github.com/Mehdi-Rh/To-Do-List/blob/d76a9b8b0c8bd1081a1dc75297f05beba611f7cc/src/classes.js#L52
opened by Mehdi-Rh 0
week2 - Morning session

Hello, ✔️ your logic looks wonderful, and I love the Read me file too ✔️ your folder organization is great too ✔️ you implemented all features as instruction . some suggestion: your index.js file can be smaller and divided to two or three js file.

opened by beyk 0

This web application was build the microverse program, it's about implementing functionalities using JavaScript

Related tags

Overview

To-Do list

Built With

Live Demo

Usage

Run tests

Deployment

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

Comments

add & remove

Morning session review

Update the README file

Yagni issue

DRY issue

week2 - Morning session

Owner

Mehdi Abdelaziz Rahal

Refractor to use JavaScript classes and functionalities to build a booklist web application.

full mimic for YouTube-website with most of its functionalities

In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.

A simple api to get data of microverse's staff members, made for microverse students so they cann implement them in their projects

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.

Solo programming project for week one of module 2 of the Microverse Program

This is the group project for the fourth week of the third module in the Microverse program.

It's a repository to studies. Its idea is to learn about Nx and its plugins.

Can see everything, beware of its omniscience, kneel before its greatness.

this is a single-page web application. we built a book website where the user can add , remove and display books. we used modules to implement these functionalities. also, we used the Date class to display the date and time.

This project is about the awesome books we did during Microverse to build a website for adding and removing the books.Done using HTML and ES6 JAVASCRIPT and modules

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

I Built This project in microverse's second module, in this single web application the user Can add, remove and display the list of books.

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 project is created to store the name of the book and the name of its author, build with JavaScript.

Awesome books is a vanilla Javascript which offers CRUD functionalities allowing you to add, remove edit boks info and store it to the local storage.

The Javascript library of choice for implementing commenting in your web app

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

A microverse project that allows users to update tasks from a list using javascript modules