To-do-List website is a page that contains information about listed shores and things to do .

PIESIE YEBOAH

Last update: Aug 8, 2022

Related tags

Overview

Project Name

To-do-List

Description the project.

To-do-List website is a page that contains information about listed shores and things to do .

Built With

HTML
CSS
Javascript
Webpack
following github flows standards.

Getting Started

This web page is books site with my List planned or shores to do in the future

To do List project works on mobile and desktop using @Media queries .

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

Live Demo Link

link

Setup

to use the project To do list please follow :

Open GitHub and go to my GitHub repository name: To-do-list. Click “Code” and copy the given URL. click code and copy the URL.

click code and copy the URL.

Open “Git Bash” and change the current working directory to the location where you want the cloned directory.

Type git clone in the terminal, paste the URL you copied earlier, and press “enter” to create your local clone.

Syntax:

$ git clone {repository URL}

Usage

open your directory To-do-List/

_use vs-code or any IDE to view line code .

$ npm start to run the local server

Authors

👤 Omane Piesie Yeboah

GitHub: @githubhandle
Twitter: @twitterhandle
LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome! thanks:

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Microverse
Inspiration
etc

📝 License

This project is MIT licensed.

Comments

add clear all and checking
I added a new JavaScript file and import it as a module

add the check functionality and update local storage

Clear all completed tasks that are true in the task object, and remove them from local storage.

checkbox should still show checked when the page is reloaded
opened by piesieomane 0
To-do-list
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).

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 piesieomane 0
setup Todo-list with webpack
Set up a new project with webpack.

I wrote a function to iterate over the tasks array and populate an HTML list item element for each task.

styles are coming from webpack
opened by piesieomane 0
Peer-to-Peer Code Review
Your project looks really great and apart from the suggestions below, I think you're good to go.

Changes Required ♻

[ ] Your code is really simple and straight forward but what if someone with a minor programming knowledge needed to understand it. I suggest you make more use of comments in the file below. https://github.com/piesieomane/To-do-list/blob/ad357ecd4133d9e844e141efa40a0bd62afa6709/src/crud.js#L1-L87

As comments will make the code not only cleaner but easier to understand.
opened by okoyecharles 0
Peer-to-Peer Code Review
Your Project looks great so far, Although there are some changes I believe would make it look better.

Changes Required ♻

[ ] As you can see below, I noticed you used this whereas there was a cleaner way to do renew the indexes. https://github.com/piesieomane/To-do-list/blob/ad357ecd4133d9e844e141efa40a0bd62afa6709/src/clear.js#L17-L23

I reccomend you make use of the index functionality in the forEach loop, something like this.

newArr.forEach((element, i) => { element.index = i; }); task = newArr;

[ ] SUGGESTION: I also tried checking the todos on your list, although they worked they did not give the todos the corresponding style. A checked todo should look like ~~this~~ instead of as it looked.

[ ] As you see below I believe that its better HTML practice to use the main tags and section tag instead of nested divs https://github.com/piesieomane/To-do-list/blob/ad357ecd4133d9e844e141efa40a0bd62afa6709/src/index.html#L14-L37

The document flow should look like this for better readability.

<main class="container">  <section> </section>  <section> </section>  <section> </section> </main>
opened by okoyecharles 1
Peer-to-peer-code-review
Your Code is working fine base on all necessary requirement but try to ..

[ ] Group you functions into classes like maybe storage class which perform all the storage actions

[ ] Also create modules directory which contains all the modules
opened by Owusu-Desmond 0

To-do-List website is a page that contains information about listed shores and things to do .

Related tags

Overview

Project Name

Description the project.

Built With

Getting Started

Live Demo Link

Setup

Usage

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

Comments

add clear all and checking

To-do-list

setup Todo-list with webpack

Peer-to-Peer Code Review

Changes Required ♻

Peer-to-Peer Code Review

Changes Required ♻

Peer-to-peer-code-review

Owner

PIESIE YEBOAH

In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications listed later in this lesson. This simple web page is built using webpack and served by a webpack dev server.

Awsome books website is a page that contains information about list of books with the title and author names.

Automated testing for single-page applications (SPAs). Small, portable, and easy to use. Click on things, fill in values, await for things exist, etc.

This project contains a leader board for a game which contains players name and list and store them on API build with HTML, CSS, JS and API

The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

This repo contains a To-Do List App developed as a Single Page Application using Webpack, Javascript, HTML and CSS.

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!

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

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!

TV Shows Web App - A web application based on an external API which contains information about TV shows

TV Shows Web App - A web application based on an external API which contains information about TV shows

Awesome Books project : An online Book Library. Storing book information using local storage and displaying it as a list on HTML page

Awesome books app is a basic website that allows users to add/remove books from a list. It is a single page app (SPA) which allow switching to different pages of the app without page load. Built with JavaScript.

The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to the management of the data of the Members of the Persis Youth based on information technology systems

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

"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By building this application with JavaScript, the website is more interactive!

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

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