https://github.com/bitfancy/chattingapp

https://github.com/bitfancy/chattingapp

Last synced: 11 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/bitfancy/chattingapp
• Owner: BitFancy
• Created: 2024-02-07T14:21:22.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-07T14:23:51.000Z (about 2 years ago)
• Last Synced: 2025-02-15T20:54:19.253Z (about 1 year ago)
• Language: JavaScript
• Size: 391 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## BaatCheet - Whatsapp Clone

Hosted link: https://whatsapp-clone-25e4c.web.app \

This is a Whatsapp Clone made using React JS and Firebase.

## Technologies used

1. FrontEnd - React JS, Material UI

2. Backend - Firebase

3. Authentication - Google Authentication

4. Image Storage - Cloudinary

## Project functionalities

1. Add Friend

2. Create Group

3. Update Group [Update Name, Image, Description, Add member]

4. Archive / Block User

5. Update Profile [Name, Image , Status]

6. Search  Users /Groups

7. Image Popup

## Project features

1. PWA Optimized - This project is Installable and PWA optimized 

   ![pwa screenshot](https://user-images.githubusercontent.com/55575881/125081621-d7f09b80-e0e3-11eb-867f-162f0602b982.png)

2. Responsive - This project is fully responsive.

3. Dark and Light Theme - The user can have his/her theme preference.

4. Text to Speech recognition - The user can speak into the mic, which is translated to text in input bar. 

## Screenshots

1.Chatting

![scr1](https://user-images.githubusercontent.com/55575881/125084358-0de34f00-e0e7-11eb-8045-882f6cf5a5b2.png)

2.Updating Profile

![updateprooo](https://user-images.githubusercontent.com/55575881/125084751-81855c00-e0e7-11eb-85c3-839f31f4325d.png)

3.Update Group

![update group](https://user-images.githubusercontent.com/55575881/125085774-944c6080-e0e8-11eb-84d2-8f2b1fd3c3ee.png)

4. Authentication

![login](https://user-images.githubusercontent.com/55575881/125086045-da092900-e0e8-11eb-8827-d9db909ba092.png)

## Note for Developers

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\

You will also see any lint errors in the console.

### `npm run build`

Builds the app for production to the `build` folder.\

It correctly bundles React in production mode and optimizes the build for the best performance.