https://github.com/devfolorunso/icalender

Event calender app made with Vue Js, and Vuetify
https://github.com/devfolorunso/icalender

firebase firebase-realtime-database firebase-storage javascript vue

Last synced: 3 days ago
JSON representation

Event calender app made with Vue Js, and Vuetify

• Host: GitHub
• URL: https://github.com/devfolorunso/icalender
• Owner: devfolorunso
• Created: 2019-10-25T21:29:41.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T12:44:40.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T10:32:04.631Z (over 1 year ago)
• Topics: firebase, firebase-realtime-database, firebase-storage, javascript, vue
• Language: Vue
• Size: 1.83 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# icalender-app

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Run your tests

```

npm run test

```

### Lints and fixes files

```

npm run lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

### Check out https://jsfanatik.github.io to learn more about the VueStacks initiative!

![alt text](https://raw.githubusercontent.com/jsfanatik/jsfanatik.github.io/master/assets/cal-screen.JPG)

![alt text](https://raw.githubusercontent.com/jsfanatik/jsfanatik.github.io/master/assets/cal-screen4.JPG)

### Overview

See full component in ```components/Calendar.vue```

### Addition Dependencies

This demo uses ```vue-textarea-autosize``` as a dependency. See the following for installation instructions: https://www.npmjs.com/package/vue-textarea-autosize

### Setting Up Firebase

1. Set up a new project in Firebase with Database enabled.

2. 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();

```