Skip to content

✅ Vanilla JavaScript mini project #learning-by-doing

Notifications You must be signed in to change notification settings

lilianabulgaru3pg/tasklist_vanillaJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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