rajeevkrS / Chat-App

Chit-Chat-City is a real-time chat application made using React JS and Firebase stack with user authentication. It allows users to have a private chat.

Home Page:https://chit-chat-city.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Logo with shadow

Real-time chat application using React Js & Firebase DB.

πŸš€ Demo

This application is deployed on Netlify. Please check it out here.

chit-chat

πŸ–₯️ Tech Stack

Fontend:

HTML5  SASS  JavaScript  React  React Router 

Database:

Firebase 

Deployed On:

Netlify

⚑️ Features

  • Real time communication is supported.
  • Send Images and text.
  • Fully Responsive UI
  • User authentication using email with Login as well as Logout feature.
  • Passwords are encrypted.

πŸ“– Prerequisites

In order to run the project you need npm>=8.0v installed on your machine.

🚩 Getting Started

1. Clone the Chit-Chat-City repository:

git clone https://github.com/rajeevkrS/Chit-Chat-City

2. Navigate into repo:

cd chit-chat-city

3. Rename .env.example into .env and put all creadentials:

REACT_APP_FIREBASE_KEY="YOUR_FIREBASE_API_KEY"

4. Install package dependencies:

npm install

4. Run project:

In the root directory, open terminal session and run command:

npm start

5. Open your browser and go to http://localhost:"Your Port No."

πŸ‘€ Developer

RAJEEV KUMAR SUDHANSU

πŸ“¬ Contact

If you want to contact me, you can reach me through below handles.

LinkedIn

Gmail

Contribution:

Feel free to contribute to the project by opening issues or creating pull requests. Your feedback and suggestions are highly appreciated.

Show your support by Star 🌟 this repo!

About

Chit-Chat-City is a real-time chat application made using React JS and Firebase stack with user authentication. It allows users to have a private chat.

https://chit-chat-city.netlify.app


Languages

Language:JavaScript 63.9%Language:SCSS 32.2%Language:HTML 3.9%