Skip to content

Vue app with your own events calendar on vuetify and firebase databases storage

License

Notifications You must be signed in to change notification settings

lytves/vue-calendar

Repository files navigation

vue-calendar

License versionvuejs Netlify Status

It's a simple Vue.js web single-page application with implementation of your own events calendar on vuetify with firebase databases storage to CRUD operations and vue-textarea-autosize.

Project was created according the video blog from the Youtube channel "Traversy Media" - Build a Calendar With Vue, Vuetify & Firebase. You will find there a quiet more project author's architecture explanations.

The project was published on Netlify, you can watch its live demo here https://epic-heisenberg-8cf710.netlify.com/

Setting Up Firebase:

  • Set up a new project in Firebase with Database enabled.
  • Implement the following Firebase SDK scripts in main.js:
import firebase from "firebase";
firebase.initializeApp({
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: ""
});

export const db = firebase.firestore();

Screenshots:

Screenshot Screenshot Screenshot Screenshot