A Vanilla JS + Firebase Chat!
Here is a demo!
Hellocat is a lightweight, real-time chat application built with vanilla JavaScript and Firebase. It allows users to chat instantly with easy-to-use features like media sharing and smooth UI interactions.
-
Clone the repository from GitHub:
git clone https://github.com/2dprototype/Hellocat.git cd Hellocat
-
Add your
Firebase configuration
in the project. -
Launch the app using a dev server:
cd dev npm install node server.js
Access the app at
http://localhost:5600
.
-
Setup a Firebase Project (Authentication[Email/Password], Hosting, Firestore, Realtime DB, Storage).
-
Grab the
firebase config
and set it to main.js -
Setup firebase to your project in the root dir using
firebase init
command. -
Then modify the
firebase.json
like this,
{
"hosting": {
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"cleanUrls": true,
"site": "hellocat",
"public": "src",
"rewrites": [
{
"destination": "/index.html",
"source": "**"
},
{
"source": "!/@(js|css|lib|fonts|res)/**",
"destination": "/index.html"
}
]
}
}
Special thanks to the authors of the following open-source libraries:
This project is licensed under the MIT License.