Skip to content

Latest commit

 

History

History
116 lines (84 loc) · 3.32 KB

README.md

File metadata and controls

116 lines (84 loc) · 3.32 KB

Welcome to To Do List with Vanilla JS 👋

Version Documentation Maintenance License: MIT

Vanilla JavaScript TodoMVC Example

Capture

Capture1

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!


Why?

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.

What?

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!

Who?

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.


Install

yarn install

Usage

yarn start
or 
yarn start:serv // to start the app with the webpack dev server

Run tests

yarn test

model

user = {
    name: '',
    tasks: [{
        _id: '',
        title: '',
        items: [taskItems]
    }]
};

taskItems = {
    _id: '',
    task_id: '',
    text: '',
    completed: false
};

Author

👤 Bulgaru Liliana

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2019 Bulgaru Liliana.
This project is MIT licensed.


This README was generated with ❤️ by readme-md-generator