Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wasifbaliyan/prochat-client

A 1-to-1 real-time chat app using Reactjs, SASS, firebase, react-router, etc...
https://github.com/wasifbaliyan/prochat-client

chat-application clone firebase firebase-auth firestore messaging react react-router reactjs sass whatsapp-web

Last synced: 4 days ago
JSON representation

A 1-to-1 real-time chat app using Reactjs, SASS, firebase, react-router, etc...

Host: GitHub
URL: https://github.com/wasifbaliyan/prochat-client
Owner: wasifbaliyan
Created: 2021-10-16T09:28:15.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2021-12-05T08:59:29.000Z (almost 3 years ago)
Last Synced: 2024-10-12T12:10:00.461Z (about 1 month ago)
Topics: chat-application, clone, firebase, firebase-auth, firestore, messaging, react, react-router, reactjs, sass, whatsapp-web
Language: JavaScript
Homepage: https://prochathq.netlify.app/
Size: 604 KB
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        ![Logo](https://res.cloudinary.com/dnboldv5r/image/upload/v1634375806/prochat/Prochat_1_yl410m.png)

A 1-to-1 realtime chat app built using ReactJS, firebase, SCSS, react router etc

## Tech Stack

**Client:** React, React Router, SASS and React Router.

**Server:** Firebase.

## Screenshots

![App Screenshot](https://res.cloudinary.com/dnboldv5r/image/upload/v1634376058/prochat/Screenshot_82_kpiftw.png)

![App Screenshot](https://res.cloudinary.com/dnboldv5r/image/upload/v1634376060/prochat/Screenshot_80_r6edau.png)

![App Screenshot](https://res.cloudinary.com/dnboldv5r/image/upload/v1634376060/prochat/Screenshot_81_ujkkfw.png)

## Features

- 1-to-1 realtime chat

- scroll window on new message

- login/register

- responsive by default

- dark mode only

- search users/ chats feature

## Demo

Live app link: https://prochathq.netlify.app/

## Run Locally

Clone the project

```bash

  git clone https://github.com/wasifbaliyan/prochat-client.git

```

Go to the project directory

```bash

  cd prochat-client

```

Install dependencies

```bash

  npm install

```

Start react app

```bash

  npm start

```

## Authors

- [@wasifbaliyan](https://www.github.com/wasifbaliyan)

## 🚀 About Me

I'm a full stack Javascript Developer. I Love to build beautiful and scalable web apps.

## 🔗 Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://wasifbaliyan.com/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/wasifbaliyan)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/wasifbaliyan)

## Badges

[![MIT License](https://img.shields.io/apm/l/atomic-design-ui.svg?)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)

## Roadmap

- Groups

- Notifications

- Pin chat feature

## Support

For support, email [email protected]

## Feedback

If you have any feedback, please reach out to me at [email protected]