https://github.com/borys35/electron-react-chatting-platform
Realtime Chat is a web application with PWA functionality that allows you to communicate via text and voice channels with other users. The concept for the app is similar to other popular communicators (e.g. Discord).
https://github.com/borys35/electron-react-chatting-platform
electron firebase pwa react realtime
Last synced: about 2 months ago
JSON representation
Realtime Chat is a web application with PWA functionality that allows you to communicate via text and voice channels with other users. The concept for the app is similar to other popular communicators (e.g. Discord).
- Host: GitHub
- URL: https://github.com/borys35/electron-react-chatting-platform
- Owner: Borys35
- License: other
- Created: 2021-04-20T18:13:57.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-15T21:19:34.000Z (over 3 years ago)
- Last Synced: 2025-01-03T04:21:47.865Z (over 1 year ago)
- Topics: electron, firebase, pwa, react, realtime
- Language: TypeScript
- Homepage: https://electron-react-platform.web.app/
- Size: 958 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Realtime Chat JS
Realtime Chat is a web application with PWA functionality that allows you to communicate via text and voice channels with other users. The concept for the app is similar to other popular communicators (e.g. Discord).
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
![Product Name Screen Shot][product-screenshot]
### Built With
- [![React][react.js]][react-url]
- [![React Router][react-router.com]][react-router-url]
- [![Firebase][firebase.com]][firebase-url]
## Getting Started
This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.
### Prerequisites
This is an example of how to list things you need to use the software and how to install them.
- npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/Borys35/electron-react-chatting-platform.git
```
2. Install NPM packages
```sh
npm install
```
3. Enter your API in `.env`
```env
REACT_APP_FIREBASE_API_KEY=
REACT_APP_FIREBASE_AUTH_DOMAIN=
REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_STORAGE_BUCKET=
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
REACT_APP_FIREBASE_APP_ID=
REACT_APP_FIREBASE_MEASUREMENT_ID=
```
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Contact
Borys Kaczmarek - boryskac10@gmail.com
Project Link: [https://github.com/Borys35/electron-react-chatting-platform](https://github.com/Borys35/electron-react-chatting-platform)
## Acknowledgments
- [WebRTC Website](https://webrtc.org/)
- [Best-README-Template](https://github.com/othneildrew/Best-README-Template)
[contributors-shield]: https://img.shields.io/github/contributors/borys35/link-shortener.svg?style=for-the-badge
[contributors-url]: https://github.com/Borys35/electron-react-chatting-platform/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/borys35/link-shortener.svg?style=for-the-badge
[forks-url]: https://github.com/Borys35/electron-react-chatting-platform/network/members
[stars-shield]: https://img.shields.io/github/stars/borys35/link-shortener.svg?style=for-the-badge
[stars-url]: https://github.com/Borys35/electron-react-chatting-platform/stargazers
[issues-shield]: https://img.shields.io/github/issues/borys35/link-shortener.svg?style=for-the-badge
[issues-url]: https://github.com/Borys35/electron-react-chatting-platform/issues
[license-shield]: https://img.shields.io/github/license/borys35/link-shortener.svg?style=for-the-badge
[license-url]: https://github.com/Borys35/electron-react-chatting-platform/blob/master/LICENSE
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/borys-kaczmarek
[product-screenshot]: images/screenshot.png
[next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[next-url]: https://nextjs.org/
[react-router.com]: https://img.shields.io/badge/React%20Router-20213A?style=for-the-badge&logo=react-router
[react-router-url]: https://reactrouter.com/en/main
[tailwindcss.com]: https://img.shields.io/badge/TailwindCSS-1e293b?style=for-the-badge&logo=tailwindcss
[tailwindcss-url]: https://tailwindcss.com/
[firebase.com]: https://img.shields.io/badge/Firebase-0c2d48?style=for-the-badge&logo=firebase
[firebase-url]: https://firebase.google.com/
[redux.js]: https://img.shields.io/badge/Redux-764abc?style=for-the-badge&logo=redux
[redux-url]: https://redux.js.org/
[react.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[react-url]: https://reactjs.org/
[vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[vue-url]: https://vuejs.org/
[angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
[angular-url]: https://angular.io/
[svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
[svelte-url]: https://svelte.dev/
[laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[laravel-url]: https://laravel.com
[bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[bootstrap-url]: https://getbootstrap.com
[jquery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
[jquery-url]: https://jquery.com