VectortheGreat / Whatsapp-Clone---React

[Beta] - A Chat App that imitates WhatsApp Web

Home Page:https://whatsapp-clone-vector.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WhatsApp Clone with React, TypeScript, Firebase and Redux Toolkit

Welcome to the WhatsApp Clone project! This student endeavor brings the essence of WhatsApp Web to life, emphasizing functionality over profit.

Current Version: Beta v0.1

Features:

  • Membership System
  • Messaging Support
  • Name, Avatar, and Status Changing System
  • All Users Listing System

Future Plans:

  • Email, Phone, and Password Changing Support
  • Account Disable and Delete Support
  • Member Search Directory Support
  • Support for Listing Latest Messages
  • Message Search Support

Usage:

  1. Open your terminal and run:

    npm install
    
  2. Create a .env file in your project and add your Firebase Configs:

    VITE_FIREBASE_API_KEY=your_config
    VITE_FIREBASE_AUTH_DOMAIN=your_config
    VITE_FIREBASE_PROJECT_ID=your_config
    VITE_FIREBASE_STORAGE_BUCKET=your_config
    VITE_FIREBASE_MESSAGING_SENDER_ID=your_config
    VITE_FIREBASE_APP_ID=1:your_config
    VITE_FIREBASE_MEASUREMENT_ID=your_config
    VITE_FIREBASE_DATABASE_URL=your_config
    
  3. Once your .env file is set up, run the project with:

    npm run dev

Explore and enjoy the WhatsApp Clone experience! Feel free to contribute and make this project even better.

About

[Beta] - A Chat App that imitates WhatsApp Web

https://whatsapp-clone-vector.netlify.app/


Languages

Language:TypeScript 96.5%Language:CSS 1.2%Language:JavaScript 1.2%Language:HTML 1.0%