cjmaaz / doorguard

A Vue3 based project to manage the visitors/guests messages at home when I'm unavailable. This is an intermediate level project which covers a lot of Vue3 and Firebase 9 topics.

My Guest and Visit Manger App

This application is built to save the query of the visitors coming to my home.

Details

This is a single page application built with Vuejs. The application uses Vue3 Composition API. It uses Vuex 4 State Management and Vue-Router for the routing. It uses new modular Firebase 9 for backend services and authentication.

Vuex 4 is using lazy load technique to reduce the initial bundle size. Route Guard to redirect unverified users to verification page. Implements Mutations, Getters and Action methods of Vuex to seamlessly update the web app accordingly without reloading.

Used Props, Slots, Computed, Watchers and Lifecycle Hooks etc. of Vuejs.
Other than Authentication from Firebase 9, it uses firestore query and rules to prevent unauthorized access.

Live Link

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.