Chekov

A to-do list app written in pure, vanilla JavaScript.

Chekov allows users to create multiple to-do lists and add, edit, and delete tasks on each list. Data is persisted across browser sessions using local storage.

The application is written using only JavaScript, HTML, and CSS—no outside libraries, frameworks, or languages are used.

This version of the application was designed with a Model-View-Controller pattern.

• model.js defines the shape of the persisted list and task data stored in local storage. It uses the Window.localstorage API to fetch/save data.
• view.js displays the current Model data to the user. It renders all the dynamic DOM elements to the page, sets up all the event listeners, and passes functions from controller.js to handle events where a change in the view or model needs to take place.
• controller.js receives user input (through DOM event handlers) which update the Model and View. To achieve this, the Controller takes an instance of a Model and View in its class constructor and calls the appropriate methods of each, depending on the user interaction.

An interesting piece of this app: to respond to events on the page, the Controller passes its class methods into View class's methods. To keep the Controller's methods bound to the appropriate this, the bind() method is used when they're passed in as parameters. See this in the class constructor in controller.js.

• app.js serves as the entry point, where instances of the Model, View, and Controller are created and the application is started.

---

Original Project

This repository is a fork of a final course project at a coding bootcamp, Code Fellows’ Code 201 course. The original project was created by 4 junior developers (with only 3 weeks of programming experience) in four days.

This fork is a re-working of the original project by Billy Bunn, started and completed approximately four months later.

Original Team Credits

• Shukri Abdi
• Billy Bunn
• Andrew Curtis
• Cory Henderson