Skip to content

WeTalk is a real-time chat app built with React and Firebase, featuring user authentication and live messaging with no backend server.

Notifications You must be signed in to change notification settings

Deepbendu/WeTalk-ChatApp

Repository files navigation

💬 weTalk - Real-Time Chat App (React + Firebase)

Made with React Firebase Status Last Commit


weTalk is a real-time chat application built with React and Firebase, designed for fast, secure, and seamless communication. It supports user authentication, live chat rooms, and real-time message syncing using Firebase’s cloud infrastructure — all without a traditional backend server.

Fully responsive and serverless by design, weTalk delivers a smooth user experience across devices with minimal setup and maximum scalability.


🚀 Features

  • 🔐 Secure authentication with Firebase (Email/Password)
  • 💬 Real-time messaging using Firestore
  • 🧑‍🤝‍🧑 Join or create chat rooms
  • ⚡ Instant typing and message updates
  • 🎨 Clean, responsive React UI
  • ☁️ Fully serverless (Firebase)

🛠️ Tech Stack

Layer Technology
Frontend React.js (Hooks, JSX, Router)
Backend (Serverless) Firebase (Auth + Firestore)
Real-Time Engine Firestore onSnapshot Listeners
Styling CSS / Custom Styling
Deployment Firebase Hosting / Vercel

⚙️ Getting Started

🔧 1. Clone the Repository

git clone https://github.com/Deepbendu/WeTalk.git
cd WeTalk

📦 2. Install Dependencies

npm install

🔑 3. Set Up Firebase

  • Go to firebase.google.com
  • Create a Firebase project
  • Enable Email/Password Authentication
  • Create a Cloud Firestore database
  • Get your web app config under: Project Settings → General → Web App

Paste it into:

// src/firebase.js
import { initializeApp } from "firebase/app";

const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_PROJECT_ID.firebaseapp.com",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_PROJECT_ID.appspot.com",
  messagingSenderId: "YOUR_SENDER_ID",
  appId: "YOUR_APP_ID"
};

export const app = initializeApp(firebaseConfig);

▶️ 4. Start the App

npm start

Go to:

http://localhost:3000

🚀 Deployment

🔹 Firebase Hosting

npm run build
firebase init
firebase deploy

Or use:

🔹 Vercel

  • Push your code to GitHub
  • Import repo into Vercel
  • Auto-deploy with build settings

🙋‍♂️ About Me

Deepbendu Debnath
Full-Stack Developer | AWS Certified Solutions Architect | Automation & Cloud Enthusiast

Hi! I'm Deepbendu — a builder who loves combining cloud, automation, and frontend magic to make clean, scalable apps.
I'm always exploring how to bring simplicity to complex systems using tools like React, Firebase, and AWS.

Made with ❤️ in India 🇮🇳


📬 Contact

I'm always open to connect for internships, full-time roles, mentorship, or collaborative builds:

✉️ debnathdeepbendu@gmail.com
🔗 LinkedIn | 📁 GitHub | 🧩 LeetCode


⭐ If you liked it...

Feel free to star ⭐ the repo and share it with friends or recruiters.
Every bit of support helps me grow and build more open-source projects!

About

WeTalk is a real-time chat app built with React and Firebase, featuring user authentication and live messaging with no backend server.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published