rohitdaryanani / exercise

Front­end developer exercise

check the live version here

Tech stack

• Vue - frontend/view framework
• vue-router - official router for vue

Setup and Run

• $ git clone https://github.com/rohitdaryanani/exercise.git && cd exercise will download the app, and cd to the folder once done.
• open index.html in browser

Project Specs

1. List out the Vue components required, and their specification.

    Todo
        - Props: project[String]
        - Events emitted: addTodo, removeTodo
        - State: todoItem[String], categories[Object], 
        - computed: selectedProject[Array]
    Home
        - State: message[String]

2. Suggest the format of the JSON object that specifies the application state in each design

    intial state
    {
        todoItem: '',
        categories: {
            family: ['wash clothes','buy milk','sweep floor'],
            school: ['do homework','read books'],
            exercise: ['lift weights','drink protein shake']
        },
        selectedProject[: []
    }

    routechange/project selected state //selected family
    {
        todoItem: '',
        categories: {
            family: ['wash clothes','buy milk','sweep floor'],
            school: ['do homework','read books'],
            exercise: ['lift weights','drink protein shake']
        },
        selectedProject: ['wash clothes','buy milk','sweep floor']
    }