This is simple To-Do App for managing the daily tasks and to keep track on tasks during the day.

Related tags

Learning resource javascript html css3
Overview

Event Page

Todo List.
This is simple To-Do App for managing the daily tasks and to keep track on tasks during the day.

screenshot

Built With

  • HTML
  • CSS
  • JavaScript
  • ES 6
  • Webpack

Getting Started

To get a local copy follow these simple steps.

1.- Clone this project

2.- Open the project directory in your terminal

3.- In the terminal, install the project dependencies by running bellow command

npm install

4.- To see the home page open index.html with your browser.

  1. to run the test please run bellow command
npm run test --verbose

Live Demo

Live Demo Link

Author

👤 Miftah Amin

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

Acknowledgments

Comments
  • MileStone3 Interactive List

    MileStone3 Interactive List

    This is 3rd milestone of the to-do list project, in this milestone below functionalities have been added.

    • Clear All completed items
    • Style for completed items on a load of the todo list
    • Update indexes after deleting all completed items.
    • Fix linters
    opened by miftah1991 2
  • Add and Delete tasks testing

    Add and Delete tasks testing

    In this checkpoint we installed jest and added mock tests for the addTask function and for the deleteTasks function.

    We used babel to translate ES6 so it was compatible with jest.

    opened by CRClothier 1
  • Peer to Peer Review

    Peer to Peer Review

    The project looks great it works how it's supposed to Y even try to add a different task to the todo list trying to find a bug and everything word fine even when resizing the page

    opened by HectorTorresE 1
  • Milestone2: Add and Remove

    Milestone2: Add and Remove

    This is the second milestone of the to-do list project in this milestone below functionalities are added.

    • Removed hardcoded Javascript object
    • Store to-do items in local storage
    • Delete functionality
    • Edit functionality
    • Completed to-do items
    • rearrange all in indexes after deleting an item.
    opened by miftah1991 1
  • Milestone1 list structure

    Milestone1 list structure

    This is the first milestone of the to-do list project in this milestone below features are added.

    • Set up webpackfor the project
    • HTML Structure for adding todo list with placeholder
    • JS object to list todoitems
    • Added linters
    opened by miftah1991 1
  • Checkpoint 2: Jest Testing

    Checkpoint 2: Jest Testing

    In this checkpoint we,

    • added a test for the function editTask
    • added a test for the function changeStatus
    • added a test for the function clearAllCompleted
    opened by CRClothier 0
  • Peer-to-peer Code Review

    Peer-to-peer Code Review

    Dear @miftah1991,

    You have done great! Congratulations 💯 💥**

    • your code is clean and readable.
    • your code is working smoothly with all functionalities.
    • you took an effort to make your code modular.

    Ont this section of your code, the two lines code are working a lot of tasks. This might be a performance issue if the number of DOM elements are too many. What do you think if you use appendChild() to add element at the end. https://github.com/miftah1991/ToDoList/blob/6d838e5772d1707597364297735ab7003c6950e0/src/addTask.js#L17-L18

    opened by mengiefen 1
Owner
Miftah Amin
Full-stack software developer, stack: JavaScript, ASP.NET MVC5. I play cricket in my spare time. Looking for new opportunities.
Miftah Amin
GitHub https://miftah1991.github.io/ToDoList/dist/
This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.

Screenshot Here is a screenshot for the project. To-Do-List Project This is a Microverse project that entails a to-do-list which one is able to add an

Grayce Muthui 8 Jun 16, 2022
It is a simple yet powerful to do list app in which you can add daily to-do tasks.you can edit, remove, check it to change its status to complete or not complete. it would save all the data and changes in local storage and track your daily tasks whether you have completed them or not.Built with vanilla JavaScript

To Do list - minimalist It is a simple yet powerful to do list app in which you can add daily to-do tasks. it would save all the data and changes in l

Zuhaib Amjad 5 Oct 9, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
A simple to-do app for managing daily tasks built with Webpack, JavaScript, HTML, and CSS with the functionality to manipulate multiple completed tasks and store them to local storage.

TODO LIST APP In this project, I have built a simple HTML list of To Do tasks. The list is styled according to the listed specifications . This simple

Selma Belhadj 8 Jun 7, 2022
Today began learn about MEAN stack first with Nodejs that is a server side form of javascript. Repository for track of Day by Day improvement track in new Skill.

NodeJs Today began learn about MEAN stack first with Nodejs that is a server side form of javascript. Repository for track of Day by Day improvement t

Rahul Bhati 4 Oct 14, 2022
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.

To-Do-List A To-Do-List App helps users to get their task cordinated and organised. This project is from microverse javascript curriculum which tests

zieeco 12 Jul 8, 2022
ToDo list app is a simple web app that helps you organize your day, by adding, checking and deleting daily tasks

TODO List App "To-do list" is a WebApp tool that helps to organize your day. It simply lists the tasks that you need to do and allows you to mark them

Adel Guitoun 8 Oct 18, 2022
To Do list app. Very useful to keep track of daily activities. Made with ❤️, JavaScript and bundle with Webpack

To Do List ⚙️ This is a To Do list App to practice Javascript and Webpack deployment. Live Demo ⚙️ GitHub Pages: DEMO Tech ⌘⇧ HTML & CSS best practice

Raul Ospina 11 Oct 17, 2022
Full stack app to journal and keep track of your overall mood each day of the year, inspired by GitHub's contribution graph.

Mood Tracker Mood tracker to journal and keep track of your overall mood each day of the year. How It's Made: Tech used: EJS, CSS, JavaScript, Node.js

Bianca Togonon 44 Dec 14, 2022
A simple to do list app built with HTML, CSS and JavaScript. Users can add daily tasks, edit the tasks, delete the tasks when it's done

To Do List This is a website that allows users to manage the tasks. users can add every task to do and when the task is done users can delete the task

Mustafa Fahimy 8 Jul 21, 2022
This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and served with webpack dev server

Todo-List This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and s

Duane David 10 Sep 28, 2022
A todo-list app designed to help users manage their tasks. Users can create a task, read tasks, update tasks, delete task, check completed tasks and delete all checked tasks. Also contains basic tests. Built with WebPack,, Modular JavaScript, Jest Libary and LocalStorage.

todolist This project is created to understand the use of ES6 with Webpack Built With HTML, CSS and Javascript. Webpack. Live Demo (if available) http

Shotola Ololade 3 Oct 13, 2022
Track productivity, alott time for focusing on tasks, and increase your effectiveness during study sessions

Timeato A pomodoro app that allows you to track your study sessions timeato.up.railway.app/ README.md Sections: Introduction Project Installation Proj

devv.work 7 Oct 12, 2022
A simple application used to organize your day to day activity. Tasks can be added and removed from this list.

Minimalist ToDo List A minimalist list of TODOs. Built With HTML, CSS, JavaScript Webpack Jest NPM Node Getting Started In order to obtain a local cop

Eva Lavinia Bucur 10 Sep 9, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Use this app to track and prioritize the topics you need to study during your job search

Interview Skills Grid Use this app to track and prioritize the topics you need to study during your job search. Try it for yourself! --> Interview Ski

R Boyle Software 6 Apr 13, 2022
Keep a track of all the tasks you need to do and Check off ones you have completed - Created using HTML, SCSS, JavaScript and Webpack.

To Do List Keep a track of tasks you need to do. An Application where you can keep a track of the tasks you need to do and checkout the ones that have

Awais Amjed 19 Jul 28, 2022