To Do List
A simple HTML list of To Do tasks
Features
To Do List is a minimalist web app, but with all the functions that you need most for task management
Create Tasks
Add text in the input box and press enter. The task will be ordered at the bottom.
Edit tasks
Click the text area. When the task is highlighted, you can edit your text. Changes will be saved after pressing enter.
Check tasks
Check and uncheck tast clicking the checkbox.
Clear all completed tasks
Remove all the tasks already done pressing the clear area
Built With
- HTML/CSS
- JavaScript
- Webpack
Live Demo
Getting Started
To get a local copy up and running follow these simple example steps.
Prerequisites
- A web browser
- NPM
- Webpack configured
Setup
- Clone the project from Github
git clone repolink
Install
Once cloned, you can run it from your web browser from the dist version.
Usage
- Do any change in the /src file
- Run npm to update dist from src
npm run build
Deployment
Authors
- GitHub: @Maclenn77
- Twitter: @SrJuanPapas
- LinkedIn: Juan Paulo Péreztejada
🤝
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a
Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- Microverse partners!
📝
License
This project is MIT licensed.
List structure
Hi, Microverse team!
I'm submitting this project for creating a minimalist TODO list.
<div>
or<ul>
element).Have a good day! :smiley_cat:
Peer-to-Peer Code Review
Good work, JP! Your project looks great and you implemented all the functionality. Here is some feedback to consider:
main
tag for semantics.Crud implementation: Add and remove elements
Hi, Microverse reviewers!
I've applied the requested changes for this project.
Have a nice day! JP
Add interactivity with checkbox
Hi, Microverse reviewers!
I have completed this stage of the project. In the current version, the project:
Everything is working by my side. Notify me of any issue that I missed.
Have a good day! :sunglasses: JP