Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/berksaribas/vuetify-chat
A chat built with Vue + Vuex + Vuetify + Firebase
https://github.com/berksaribas/vuetify-chat
firebase vue vuetify vuex
Last synced: 6 days ago
JSON representation
A chat built with Vue + Vuex + Vuetify + Firebase
- Host: GitHub
- URL: https://github.com/berksaribas/vuetify-chat
- Owner: berksaribas
- License: mit
- Archived: true
- Created: 2017-09-07T18:46:41.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-07-18T20:41:26.000Z (over 2 years ago)
- Last Synced: 2024-08-02T07:21:08.138Z (3 months ago)
- Topics: firebase, vue, vuetify, vuex
- Language: Vue
- Homepage: https://mutfak-chat.firebaseapp.com
- Size: 805 KB
- Stars: 398
- Watchers: 16
- Forks: 124
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - Vuetify Chat - Chat application ![Firebase](https://img.shields.io/badge/Firebase-181D27.svg?logo=firebase) (🙌 Projects using Vuetify <a name="projects"></a> / Vuetify 2)
README
![alt text](https://berksaribas.github.io/img/vuetifychat.png)
A chat built with Vue + Vuex + Vuetify + Firebase.
## Features
* Basic authentication with Firebase
* Create chat rooms, join them
* Use emoji-picker to express your emotions.
* Scroll up to load previous messages.## Live Demo
https://mutfak-chat.firebaseapp.com## Build Setup
``` bash
# install dependencies
npm install# serve with hot reload at localhost:8080
npm run serve# build for production with minification
npm run build# build for production and view the bundle analyzer report
npm run build --report
```For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
## Configuration
Edit main.js to initialize your Firebase App.