https://github.com/autumnnus/whatsapp-clone---react
A Chat App that imitates WhatsApp Web
https://github.com/autumnnus/whatsapp-clone---react
firebase react tyepscript whatsapp whatsapp-web
Last synced: 3 months ago
JSON representation
A Chat App that imitates WhatsApp Web
- Host: GitHub
- URL: https://github.com/autumnnus/whatsapp-clone---react
- Owner: Autumnnus
- Created: 2023-09-30T17:29:19.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2026-01-18T15:46:34.000Z (6 months ago)
- Last Synced: 2026-01-18T23:39:02.699Z (6 months ago)
- Topics: firebase, react, tyepscript, whatsapp, whatsapp-web
- Language: TypeScript
- Homepage: https://wpclone-by-vector.netlify.app/
- Size: 10.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
npm install
```
2. Create a .env file in your project and add your Firebase Configs:
```bash
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:
```bash
npm run dev
```
Explore and enjoy the WhatsApp Clone experience! Feel free to contribute and make this project even better.