https://github.com/johnuberbacher/vue-chat

Vue Chat webapp built with VueJS 3, TailwindCSS and Firebase for Google and GitHub authentication, and realtime firestore database. Uses VueRouter to redirect to Chat screen when logged in.
https://github.com/johnuberbacher/vue-chat

firebase firebase-auth firebase-database firebase-realtime-database tailwind-css tailwindcss vue vue-router vue3 vuejs

Last synced: 2 months ago
JSON representation

Vue Chat webapp built with VueJS 3, TailwindCSS and Firebase for Google and GitHub authentication, and realtime firestore database. Uses VueRouter to redirect to Chat screen when logged in.

• Host: GitHub
• URL: https://github.com/johnuberbacher/vue-chat
• Owner: johnuberbacher
• Created: 2021-10-29T16:04:13.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-03T02:12:30.000Z (over 4 years ago)
• Last Synced: 2025-01-16T11:41:55.882Z (over 1 year ago)
• Topics: firebase, firebase-auth, firebase-database, firebase-realtime-database, tailwind-css, tailwindcss, vue, vue-router, vue3, vuejs
• Language: Vue
• Homepage: https://vue-chat-johnuberbacher.netlify.app/
• Size: 323 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Vue Chat webapp

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)

 ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) ![Firebase](https://img.shields.io/badge/firebase-%23039BE5.svg?style=for-the-badge&logo=firebase)

Vue practice project built with Firebase and TailwindCSS. Utilizes Firebases realtime database stream to constantly update messages on the front end. Uses Google and GitHub Authentication for signing into the app, and uses Vue Router to pass between Login and Chat screens.

### Screenshot

![Screenshot](https://johnuberbacher.com/wp-content/uploads/2021/11/vue-chat.png)

### Demo

[https://vue-chat-johnuberbacher.netlify.app/](https://vue-chat-johnuberbacher.netlify.app/)

### Project setup

```

npm install

```

#### Compiles and hot-reloads for development

```

npm run serve

```

#### Compiles and minifies for production

```

npm run build

```

#### Lints and fixes files

```

npm run lint

```

#### Customize configuration

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