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

Related tags

Learning resource To-do-List
Overview

Project Name

To-do-List

Description the project.

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

The pull request is opened to get a review on the project and check for any required changes.

Built With

  • html/css/js.
  • following linters standards.
  • following github flows standards.
  • webpack.

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 disktop using @Media queries .

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

Setup

to use the project To do list please follow :

Open GitHub and go to my GitHub repository name: to do list.to clone. 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 .

_use you preferd browser to run the file .html to get project website. to run in terminal / git :

$ npm start

LIVE DEMO

Click here

Authors

👤 Said laasri

🤝 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
  • Peer to Peer Code Review

    Peer to Peer Code Review

    You have built a great project here but there are some issues you should kindly look into.

    • Enable users to add to their list with the enter button to improve their UX
    opened by ifzyy 2
  • Peer-to-peer Code Review

    Peer-to-peer Code Review

    Your project looks amazing although here are some suggestions on making your website amazing

    Changes Required ♻

    • [ ] On your index.js I suggest you use a forEach loop instead of the traditional for loop.
    opened by okoyecharles 2
  • chekbox-clearall

    chekbox-clearall

    Added a new JavaScript file and imported it as a module checkbox.js create methods to update (completed: true/false). I added an event listener to the checkbox (change). Updated items object's value for completed key upon user actions. Implemented function clearAll() for the "Clear all completed" . Stored the updated array of items in local storage, so the user gets the correct list values after the page reloads.

    opened by Said-laasri 1
  • add and remove functions

    add and remove functions

    Removed all hardcoded items from the tasks arrayindex.js. Created a new JavaScript file for the new functionality crud.js. Implemented a function for adding a new task (add a new element to the array). Implemented a function for deleting a task (remove an element from the array). Deleting a task is updating all remaining items' indexes, so they represent the current list order and are unique. All changes to the To-Do List are saved in local storage.

    opened by Said-laasri 1
  • To do list with webpack

    To do list with webpack

    Created index.html file using the HTML Webpack Plugin. Created an index.js file and set an (array of objects). Created a function to iterate over the tasks array and populate an HTML list item element for each task. Create a style.css and set rules for the To-Do List. CSS is loaded by Webpack Style/CSS Loader.

    opened by Said-laasri 1
  • DID I follow JavaScript best practices?

    DID I follow JavaScript best practices?

    according to the lighthouse testing I followed best practice 100% after reviewing my code =>

    • [x] JavaScript best practices are followed
    • [x] DRY, KISS, and YAGNI are followed no-repeat and simple functions
    • [x] HTML and CSS best practices followed
    opened by Said-laasri 0
Owner
Laasri Said
Full-stack software developer and student at Microverse, passionate about Tech, Rails enthusiast. open to new job opportunities.
Laasri Said
GitHub
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.

Awesome books:JavaScript Using Modules In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications

Hassan Momanyi 10 Nov 25, 2022
Awsome books website is a page that contains information about list of books with the title and author names.

Project Name Awsome_Books-ES6 Description the project. Awsome books website is a page that contains information about list of books with the title and

Laasri Said 9 Oct 14, 2022
"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 Description "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 t

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

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

Cory Leigh Rahman 5 Dec 23, 2022
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

Leaderboard This App is a Game Leaderboard app Which is created by JavaScript and the big picture of this application is using API. Build With ??‍?? .

Sahar Saba Amiri 5 Dec 15, 2022
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.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Matt Gombos 12 Nov 15, 2022
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!

Project Name : TO-Do list "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 mar

Chris Siku 13 Aug 22, 2022
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!

Todo-list "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 comple

Didier Peran Ganthier 4 Dec 20, 2022
Simple starter for SvelteKit with Tailwind CSS already set up and ready to go.

Get Started Simple Sveltekit boilerplate with Tailwind CSS already set up. Just run npm install to download the dependencies. Info I use Tailwind in p

Jordan 16 Dec 23, 2022
"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.

My Todo List "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 com

Dyary Raoof Bayz Agha 5 Mar 29, 2022
Skip a job if it already succeeded for the same repo state. Uses S3 for caching.

?? ♻️ S3 Cache Action First Run, Cold Cache Next Run, Cache Hit Description Allows to skip a job if it already succeeded for the same repo state. Uses

Pleo Open Source 8 Jul 22, 2022
Fun way to share some of your (already) public StackOverflow user data to the internet.

ProfileOverflow A simple app leveraging StackExchange APIs to show some StackOverflow accounts information. Made for fun during a weekend as practice.

Jacky Efendi 5 Sep 14, 2022
This repo contains a To-Do List App developed as a Single Page Application using Webpack, Javascript, HTML and CSS.

Todo List App In this project I built an interactive Todo List Web App with Webpack, HTML, CSS, and JavaScript. This project contains a feature that a

David Vera Castillo 15 Nov 4, 2022
"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.

Hello! I am a software developer! I can help you build a product, feature or website. Take a look of my works. If you like what you see and have a pro

ABDUL ALI 7 Jul 17, 2022
"To-do list" is a tool that lists the things you need to do and allows you to mark them as complete. Built with JavaScript, HTML, CSS, and Webpack!

HTML CSS JS ES6 WEBPACK NPM LINTERS Todo List Project "To-do list" is a tool that helps to organize your day. It simply lists the things that you need

null 5 Jul 2, 2022
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.

Microverse Webpack Javascript For the second Javascript milestone in building a todo website, set up a new repository and prepare it for development u

TOFANA SILVIA 16 Jun 13, 2022
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!

Project Name To Do list: interactive list Description the project. In this project, I added some functionality to my application to make it interactiv

Harrison Njuguna 5 Nov 11, 2022
"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 "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 compl

Sahar Abdel Samad 16 Aug 9, 2022
"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.

Todo_List Description "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 th

Cynthia Inga 4 Apr 19, 2022