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 complete.
Built With
- HTML
- CSS
- JavaScript (ES6)
- Webpack
- Jest
Requirements
- No linter Errors
- Correct Github Flow
- Best Practices for HTML, CSS and Javascript
Project Requirements
- Use jest framework for testing
- Use webpack to bundle JavaScript.
- Use proper ES6 syntax.
- Use ES6 modules.
- Implement a function for adding a new task.
- Implement a function for deleting a task.
- Set new task
completed
property tofalse
. - Implement functions that will
filter
,updateTasks
and check forstatus
. - Save the list to Local Storage.
Live Demo
Getting Started
You can directly clone this repo git clone ['']
and run the with applicable code-editor
.
Prerequisites
- Node.js
- npm
- git
Setup
- Once you clone the repo, go to the directory and run
npm install
command to get all necessary installations. - You can run the project locally by running index.html in your browser.
- You can test the application by writing
npm test
at your command line.
Joy Kwamboka
- Github: @kwambiee
- Twitter: @kwambiee
- Linkedin: Joy Kwamboka
- E-mail: [email protected]
Eric Mahare
- Github: @ericmahare
- Twitter: @ericmahare
- Linkedin: Eric Mahare
- E-mail: [email protected]
🤝
Contributing
Contributions, issues and feature requests are welcome!
Show your support
Give a
Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc
📝
License
This project is MIT licensed.
Edit and update test
We did the following in this section : -
Create-update-delete the To Do List
Milestone: Todo list with WebPack
webpack dev-server
to run automatically in the browser.Morning session: peer to peer code review
Hey @kwambiee, Good job :clap:!, your project is perfect :100: you can follow these few suggestions to make it even better:
Code Review:ToDoList App
First of all big up for good work :clap: . We see the implementation of Javascript best practices, ES6 modularities and the required functionalities. However, there are some things you can add to improve your code.
semantic tags
in your markup for understanding of your code.