A project for practicing HTML, CSS, and diving deeper into JavaScript in Turing Front-End Engineering course, Module 1. Completed individually using GitHub as remote repository. The resulting website is a Todo List maker where the user can keep track of thier tasks and easily search through or filter Todo Lists to better keep track of their tasks.
Javascript skills and processes are tested with this project. The ability to manipulate the DOM using JS and event bubbling is key to editing or deleting the Todo Lists. The ability to persist data is tested by using local storage and using JSON to either save data to local storage or get data on reload. Overall the project test basic JavaScript knowledge and the ability to write empathetic, DRY code.
- HTML5
- CSS3
- JavaScript
- Add new checklist
- View list of todos
- Check off tasks
- Make ToDo card urgent
- Delete existing ToDo card
- Filter and search through titles by text
- Viewing urgent ToDo cards
- Editing tasks
- Add tasks to each card
- Search through tasks
- Title your todo card
- Make a list of tasks to put on todo card
- Make a todo card and feel free to make it urgent
- Check off tasks as you complete them and delete the card once all the tasks have been completed
- Search through the cards by title using the search bar
- Or filter through all the urgent cards by pressing the filter by urgency button
View here on GitHub pages.
OR
Download and unzip the check-yo-self-final.zip file, and open the index.html file to view the website.
All credit goes to Turing School of Software for providing the project specifications and website design.