All Projects → alii13 → whatsapp-clone

alii13 / whatsapp-clone

Licence: other
A full-stack real-time WhatsApp clone using reactjs and firebase

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to whatsapp-clone

Wedding
A basic wedding website I created for myself and Bec using the Bulma CSS framework, Particles.js, jQuery.countdown, Google Satisfy Font and FontAwesome icons.
Stars: ✭ 26 (-57.38%)
Mutual labels:  responsive
phoenix-rtos-kernel
Phoenix-RTOS microkernel repository
Stars: ✭ 77 (+26.23%)
Mutual labels:  real-time
gutter-grid
A Sass flexbox based grid system that is able to replicate CSS grid-gap in IE11
Stars: ✭ 18 (-70.49%)
Mutual labels:  responsive
robinhood.tools
📈🤑💰 Advanced trading tools and resources for Robinhood Web.
Stars: ✭ 27 (-55.74%)
Mutual labels:  real-time
trading sim
📈📆 Backtest trading strategies concurrently using historical chart data from various financial exchanges.
Stars: ✭ 21 (-65.57%)
Mutual labels:  real-time
WAPI
The WhatsApp API
Stars: ✭ 36 (-40.98%)
Mutual labels:  whatsapp
python-automated-bulk-whatsapp-messages
It is a python script to send automated bulk WhatsApp messages to multiple recipients from an excel sheet at once.
Stars: ✭ 56 (-8.2%)
Mutual labels:  whatsapp
WhatsApp-Group-Contacts-Scraper
The tool to scrap whatsapp group contacts from https://web.whatsapp.com
Stars: ✭ 32 (-47.54%)
Mutual labels:  whatsapp
webpack-play
learning about webpack
Stars: ✭ 40 (-34.43%)
Mutual labels:  responsive
vue-booklet
Vue compoment for create a e-book
Stars: ✭ 33 (-45.9%)
Mutual labels:  responsive
BeatNet
This repository contains the implementation of the AI-based "BeatNet" Joint beat, downbeat, tempo, and meter tracking system using CRNN and particle filtering. 2021's state-of-the-art online model - (ISMIR 2021).
Stars: ✭ 56 (-8.2%)
Mutual labels:  real-time
wappdriver
Wondering how to send WhatsApp messages using Python using only 3 lines of code? You have come to the right place!
Stars: ✭ 40 (-34.43%)
Mutual labels:  whatsapp
realtime-facereccpp
Real time face recognition with tracking (mtcnn detection, kcf tracker, arcface loss)
Stars: ✭ 32 (-47.54%)
Mutual labels:  real-time
o1heap
Constant-complexity deterministic memory allocator (heap) for hard real-time high-integrity embedded systems
Stars: ✭ 119 (+95.08%)
Mutual labels:  real-time
fluid-table
A tiny library to create responsive HTML tables
Stars: ✭ 23 (-62.3%)
Mutual labels:  responsive
nuclear
Polymorphic and Multilingual CMS powered by Laravel
Stars: ✭ 31 (-49.18%)
Mutual labels:  responsive
keras2c
A simple library to deploy Keras neural networks in pure C for realtime applications
Stars: ✭ 25 (-59.02%)
Mutual labels:  real-time
oc-responsive-images-plugin
Adds reponsive images capabilities to October CMS
Stars: ✭ 37 (-39.34%)
Mutual labels:  responsive
frontend-template
Simple responsive template
Stars: ✭ 27 (-55.74%)
Mutual labels:  responsive
twitter-api
Django Rest framework Real Time Twitter API . Fully functional twitter app with websocket api to notify and send chat in real time using django channels.
Stars: ✭ 30 (-50.82%)
Mutual labels:  real-time

This project was bootstrapped with Create React App.

Follow these simple steps to have your own whatsapp clone

1: Clone this repo using this command

git clone https://github.com/alii13/whatsapp-clone.git

2: Enter

cd whatsapp-clone

3: Next

npm install

4: Goto src & Find file named firebase.js => Replace the config data to your project config data.

Firebase config data you have to replace it with yours & save.

5: Now, Goto src directory again and find file named .firebasesrc

Replace the line "default": "your_project__name" & save.

6: Hit npm start in terminal & Boom you have your own whatsapp clone!! open at port 3000.

Set Up Hosting in Firebase

0: intstall firebase cli npm i firebase-tools

1: Hit command firebase init

2: Enter Yes

3: Goto the 4th option says - "Configure and Deploy firebase Hosting sites", Use Arrow key to go down & Hit spacebar to select the option and then hit Enter key

4: Enter build for directory && select Yes for all other options.

5: After initialization Completed. Enter

npm run build

6: Now the last command

Enter firebase deploy

Boom! You have succesfully hosted your firebase app. Click on the link and Enjoy!. Don't forget to rate the repository.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].