khyrulAlam / react-firebase-chat Public

Notifications You must be signed in to change notification settings
Fork 10
Star 42

Chat Application built With React.js, Firebase Real-Time Database And Gmail Authentication

chatroom-67e21.web.app

42 stars 10 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 72 Commits
.firebase		.firebase
public		public
src		src
.firebaserc		.firebaserc
.gitignore		.gitignore
README.md		README.md
eslint.config.js		eslint.config.js
firebase.json		firebase.json
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

Repository files navigation

Chat Application using React.JS + Firebase real-time Database + Firebase Gmail Authentication

I build this app for learning purpose. you can check the live 💁‍♂️ demo

Quick Start:

git clone
cd react-firebase-chat
create a firebase config.ts file on /src folder
npm install
npm run dev
npm run build

Releases notes:

Version 1.0.0

Initial release of the chat application.
Implemented real-time messaging using Firebase real-time Database.
Added Gmail authentication using Firebase Authentication.
Basic UI for chat interface.
Deployed live demo.

Version 2.0.0

Migrated from React 16 to React 18.
Added TypeScript for type safety.
Switched to Vite for faster builds.
Integrated Chakra UI 3.2.5 with dark theme support.
Improved overall UI design.
Refactored codebase from class components to function components.
Utilized React Context API for state management.
Various code optimizations and improvements.

Version 2.1.0

Contacts Search by name.
User list sort by created at.