Check Yo'Self

Check Yo'Self is the last solo project for Front End Module 1 at the Turing School of Software & Design. The goal was to build an application where users can create to-do lists and mark tasks off as they're completed. Users can enter a title for each list and mark its urgency. There is a search function that allows users to search for a specific list quickly. This project focuses on practice writing DRY JavaScript, persisting data, iterating/filtering through DOM elements using for loops, and understanding the relationship between the data model and displaying data on the DOM.

Learning Goals

  • Solidify and demonstrate your understanding of:
    • DRY JavaScript
    • localStorage to persist data
  • Iterate through/filter DOM elements using for loops
  • Understand the difference between the data model and how the data is displayed on the DOM

Technologies Used

  • HTML
  • CSS
  • JavaScript

Set Up

  1. Clone this repository
  2. Run open index.html in the terminal command line
  3. Enter a title for the to-do list
  4. Enter a task for the the to-do list
  5. Click "Make Task List" button
  6. Explore the application by, making lists urgent, marking tasks on the list as completed, filtering lists by urgency, deleting lists, searching for lists

Composition

Desktop Layout:

Image of Comp