Skip to content

2dprototype/Hellocat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hellocat

A Vanilla JS + Firebase Chat!


Demo

Here is a demo!

Preview

preview_0 preview_1

Overview

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.


Project Setup

  1. Clone the repository from GitHub:

    git clone https://github.com/2dprototype/Hellocat.git
    cd Hellocat
  2. Add your Firebase configuration in the project.

  3. Launch the app using a dev server:

    cd dev
    npm install
    node server.js

    Access the app at http://localhost:5600.


Firebase Hosting Setup

  1. Setup a Firebase Project (Authentication[Email/Password], Hosting, Firestore, Realtime DB, Storage).

  2. Grab the firebase config and set it to main.js

  3. Setup firebase to your project in the root dir using firebase init command.

  4. 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"
			} 
		]
	}
}

Libraries Used

Special thanks to the authors of the following open-source libraries:


License

This project is licensed under the MIT License.