Skip to content

allankildare/todo-vue-app

Repository files navigation

To-do Vue App

Vue.js Vuetify TypeScript Vite Jest SASS

Screenshot of To-do Vue App

This project is a frontend challenge.

In this project I developed a web To-do App, there are some requirements:

  • Use Vue.js and Vuetify components
  • Tasks should have name, description, date to complete and status (complete, incomplete and late)
  • The user should have the option to update or delete the task (50%)
  • The list of tasks should have filters by status
  • All the frontend should be responsiveness
  • Save all the data on the local storage

This application saves all the data in local storage, which means data persist stored in your browser, even after you ending the session.

I decided to use Pinia instead of Vuex and all the task store is managed by the Pinia state library.

Installation

yarn install

Run application

Vite uses dev as script to run the apps:

yarn dev

The dev server will be ruinng at port 3000 (verify if it is available)

Deploy

To deploy this application I used Netlify free service, click here to see the app.