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: 18 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 (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-07-18T20:41:26.000Z (almost 3 years ago)
• Last Synced: 2024-08-02T07:21:08.138Z (9 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  (🙌 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.