https://github.com/ttiimmothy/live-chat-application

A live chat application for people to chat instantly
https://github.com/ttiimmothy/live-chat-application

cloud-firestore firebase react react-router tailwindcss typescript vite

Last synced: about 1 month ago
JSON representation

A live chat application for people to chat instantly

• Host: GitHub
• URL: https://github.com/ttiimmothy/live-chat-application
• Owner: ttiimmothy
• License: gpl-3.0
• Created: 2023-10-26T15:50:49.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-17T06:13:17.000Z (over 1 year ago)
• Last Synced: 2024-11-13T19:42:14.752Z (3 months ago)
• Topics: cloud-firestore, firebase, react, react-router, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage: https://ttiimmothy.github.io/live-chat-application/
• Size: 1010 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# Live Chat Application

[![ci](https://github.com/ttiimmothy/live-chat-application/actions/workflows/ci.yml/badge.svg)](https://github.com/ttiimmothy/live-chat-application/actions/workflows/ci.yml)

[![cd](https://github.com/ttiimmothy/live-chat-application/actions/workflows/cd.yml/badge.svg)](https://github.com/ttiimmothy/live-chat-application/actions/workflows/cd.yml)

[![pages-build-deployment](https://github.com/ttiimmothy/live-chat-application/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/ttiimmothy/live-chat-application/actions/workflows/pages/pages-build-deployment)

A live chat application uses `Typescript`, `React` amd `Vite`. It uses `Tailwind CSS` for simplifying CSS usage. The application uses `firebase authentication` for google login, `firebase cloud firestore` to store the data and `react-router` to do routing.

## 🎯 Features

- create chatrooms

- real time chats update

- chat with different users in different chatrooms

- delete chatrooms

- correct the message if you want

- google login

## 🖥 Prerequisites

- Node.js (version 12.0 or above)

- npm (which comes with Node.js) or Yarn (version 1.22.0 or above)

## 🔧 Usage

### Build packages and Run

```TypeScript

npm install

npm run dev

```

## :scroll: Environment Variables

#### details see the `.env.example` files

- `firebase` public api key

- `firebase` auth domain

- `firebase` project id

- `firebase` storage bucket

- `firebase` sender id

- `firebase` app id

- `firebase` analytic id

If you use `github pages` for static page deployment, you need to set these environmental variables in github action`secrets`.

## 🖼 Preview

![preview1](/public/preview1.png)

## :scroll: Icon Library

- from ****

```HTML

https://css.gg/css

```

## License

Live Chat Application is licensed under [GNU General Public License v3.0](LICENSE).