Todo Web App

A simply todo list with priority filtering features using Vuejs, TailwindCSS and Firebase. Here is the link to the web app: https://bloginvue-2c3c7.web.app/

Demo

2022-01-09.21-29-43.mp4

Technologies used

• Vue 3
• Vite
• TailwindCSS
• Firebase
• Bootstrap Icons
• Vue-router

Features

• Create todos
• Edit todos
• Mark as done
• Delete todos
• Filtering based on priority/status (Low, Medium, High, Done)

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and preview
$ npm run build
$ npm run serve

Deployment

Deployed using Firebase. Follow the guidelines here

Here is the link: https://bloginvue-2c3c7.web.app/