Vue

Vue

For getting started with Vue we recommend you read at least the Essentials & Components In-Depth sections as a bare minimum. The Vue docs are excellent and probably the fastest way to get going. You can find both sections here:

Introduction - Vue.js

Vue.js - The Progressive JavaScript Framework

https://vuejs.org/v2/guide/index.html

VueX

We use VueX to manage state within our app - we strongly recommend reading this guide so you know why its needed and how to use it

What is Vuex? | Vuex

Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue's official to provide advanced features such as zero-config time-travel debugging and state snapshot export / import.

https://vuex.vuejs.org/

Vue Router

We use Vue Router to manage access to the different pages within our app. We recommend reading the full docs here:

Vue Router

The official router for Vue.js. Get Started → Vue Router is the official router for Vue.js. It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze.

https://router.vuejs.org/

Vuexfire

We use Vuexfire to bind some collections in firebase to the VueX store. You can learn about what it is and how it works here:

Introduction | Vuefire

Vuexfire is a small and pragmatic solution to create realtime bindings between a Firebase RTDB or a Firebase Cloudstore and your Vuex store. Making it straightforward to always keep your store state in sync with remotes databases.

https://vuefire.vuejs.org/vuexfire/#why

Vuetify

We use Vuetify as our UI component library for the project. You can see a reference of all the components here:

Alert component

Alerts in their simplest form are a flat sheets of paper that display a message. The border prop adds a simple border to one of the 4 sides of the alert. This can be combined props like with color, dark, and type to provide unique accents to the alert.

https://vuetifyjs.com/en/components/alerts/

Useful cheat sheet

https://www.vuemastery.com/pdf/Vue-Essentials-Cheat-Sheet.pdf