fbrzrvn / my-day-todo

A Todo List in which you can create new tasks with different options

My Day-ToDo

A Todo List in which you can:

• Create lists and add task to it.
• Set a task like important or completed.
• Delete selected list or delete all the completed tasks in that list.
• Search a tasks by name.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Installing

To intalling and use this project you just need to clone the repo

https://github.com/fab-rvn/My-Day-ToDo.git

Built With

• HTML
• CSS
• JS

Inspiration

This project is inspared by Microsoft My Day To Do.

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Fabrizio Ervini

License

This project is licensed under the MIT License - see the LICENSE.md file for details

my-day-todo's Issues

Create List

• Create List object
• Add List-Link to Sidebar
• Create List Container
• Render List in Sidebar
• Render List in Option Form
• Store List in Local Storage

Add toDo

• Create a ToDo model
• Create a new toDo submitting the form
• Save toDo in local Storage
• Render toDo in list

TaskBoard

• Create TaskBoard
• Apply style
• Date
• List Title
• List Tasks
• Add Task Button

Header

• Create Header
• Apply Style
• Logo
• Search input

Sidebar

• Create Sidebar
• Apply style
• Sidebar Link
• Create List Button

New Task Form

• Create new task form
• Apply style
• Button close
• Header
• Input Title
• Textarea Description
• Checkbox: Complete - Important
• Select options: Color - Custom List
• Buttons: Clear - Create

Edit toDo

• Add Complete option
• Add important option
• Add delete option
• Apply style
• Update list
• Update Local Storage

Render and Add toDo to List

• Render List in TaskBoard
• Add to-do in Custom List
• Add all the task functionality

Add basic Js

• Dynamically render list
• Toggle active class
• Open Close Modals Form
• Add Today Date

Fix Bugs Pt. I

• Conditional Display Delete Btns
• Clear Input Search
• Change Input Task Position
• Add Last Task on Top

Code Refactoring

• Rebuild Main Structure
• Use single Js file
• Change Style
• Change Modal Form
• Add search function
• Add Tasks Counter

Add New Features

• Add a icon to delete the selected task
• Add Icons to Lists
• Conditionally render delete options and task counter
• Small code refactoring

FIx Bugs Pt. 2

• Render Input Task Only in All Tasks or Custom List
• Fix Complete and Important List

Add Delete Btn to List

• On hover the custom list display a delete btn