Simple chat application built with Vue.js, UnoCSS, and Firebase

YKKA Chat

Yang Kita-Kita Aja (“Just us”) chat is a simple chat application for exploring WebSocket technology with Firebase Realtime Database and Firebase Firestore.

Demo

ykka-chat.vercel.app

Tech Stack

  • Vue.js
  • TypeScript
  • UnoCSS
  • Pinia
  • Firebase

Getting Started

To get started running the project locally, please follow the steps below.

First, clone the repository.

git clone https://github.com/kalwabed/ykka-chat.git

Then, install dependencies and fetch data to your local machine. Note that we use Bun.

cd ykka-chat
bun install

Then, copy and set your Firebase credentials to the .env.local file.

cp .env.local.example .env.local

Please note that we use Firebase Realtime Database and Firebase Firestore. Therefore, please ensure that you have set up your own Firebase instance.

Finally, run the development server.

bun dev

Open localhost:5173 with your browser to see the result.

Screenshots

Authors

@kalwabed

License

MIT

GitHub

View Github