Notes with ToDo list

>> DEMO LINK <<

Description:

Test task for the front-end developer position (Vue.js)
It is a small SPA application for notes. Each note has a name and a list of tasks.

Task description:

1. Home page:

• Show all notes.
• Each note has a title and an abbreviated todo list without the ability to interact with it.
• You can create a new note.
• You can delete any note.
• You can start editing the note

2. Note page:

• Show the selected note.
• You can change todo list.
• You can save changes.
• You can reset all changes.
• You can delete the current note.

Task conditions:

• All actions on the site should be performed without reloading the page.
• Confirmation of actions (delete note) is performed using a dialog window.

Documentation

Frameworks / libs dokumentation:

• Vue CLI Overview
• Vue 3 Quick Start
• Vue Router Getting Started
• Sass Basics

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Developers

• Ihor Kuchin