benjdiasaad / vuetify_Todo-app

Todo app using Vuetify & Vue.js https://vuetify-todo-list.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Todo series list Application [VueJS, Vuetify]

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

About this project

  • The App will have a Navigation Drawer which can be toggled with a Button. This will have links to our two pages - a Todo Page & and About Page (using Vue Router).
  • It has a gorgeous, tall Header (App Bar component) with a Background Image.
  • It has a Text Field component which we can use to add tasks.
  • We'll display a list of tasks using a List component.
  • We can mark a task as done by clicking on it and we can delete a task by clicking the delete button.
  • It will have a responsive layout that looks great on both Mobile & Desktop.

Technologies used

  • Vue JS.
  • Vuetify: A Material Design Framework for Vue.js.
  • Visual Studio Code (IDE).
  • Git.

Screen Shots

01 - About page 02 - listoftasks page 03 - addnewtask page 04 - deletetask page 05 - done page

About

Todo app using Vuetify & Vue.js https://vuetify-todo-list.netlify.app/


Languages

Language:Vue 67.3%Language:JavaScript 19.6%Language:HTML 13.1%