Vanilla JavaScript TodoMVC Example
🏠 Homepage
Add a few Task list and add items to the list. Double-click/tap "Add task" to add tasks. Check-off your todos and navigate the footer to filter for keywords in the items list. Tap the right button in footer to Logout.
Server site repository!
The purpose of this Todo List mini project is to practice your "VanillaJS" skills and consolidate your understanding of The MVC Architecture (TEA) creating a "real world" useable App following strict Documentation.
Build a fully functional "Todo List" Application!
Along the way we will cover:
- Building an App using CSS Styles
- The Document Object Model (DOM)
- Event Delegation
- Login with a Server
- Keyboard event listeners for rapid todo list creation and items search!
This tutorial is for anyone/everyone who wants to develop their "core" JavaScript skills (without using a framework/library) while building a "real world" (fully functional) Todo List Application.
yarn install
yarn start
or
yarn start:serv // to start the app with the webpack dev server
yarn test
user = {
name: '',
tasks: [{
_id: '',
title: '',
items: [taskItems]
}]
};
taskItems = {
_id: '',
task_id: '',
text: '',
completed: false
};
👤 Bulgaru Liliana
- Github: @lilianabulgaru3pg
Contributions, issues and feature requests are welcome!
Feel free to check issues page.
Give a ⭐️ if this project helped you!
Copyright © 2019 Bulgaru Liliana.
This project is MIT licensed.
This README was generated with ❤️ by readme-md-generator