https://github.com/mohitm15/ms-chat-app
A chat-app to talk with your friends without getting tracked by Facebook, Whatsapp.
https://github.com/mohitm15/ms-chat-app
ms-teams react-chat-engine reactchatapplication reactjs tailwindcss
Last synced: about 1 year ago
JSON representation
A chat-app to talk with your friends without getting tracked by Facebook, Whatsapp.
- Host: GitHub
- URL: https://github.com/mohitm15/ms-chat-app
- Owner: mohitm15
- Created: 2022-01-30T09:56:37.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-02-15T12:01:03.000Z (about 4 years ago)
- Last Synced: 2025-01-13T01:13:19.258Z (about 1 year ago)
- Topics: ms-teams, react-chat-engine, reactchatapplication, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://ms-chat-app-mohit.netlify.app/
- Size: 1.06 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
ms-chat-app
A chapApp where you can express what you want
Explore the docs »
View Demo
[](https://app.netlify.com/sites/ms-chat-app-mohit/deploys)
Table of Contents
## About The Project
ms-chat-app is the macro version of ms-teams where you can form groups and can message & share images with different people. You can also customize the UI by yourself. Built for both desktop and mobile. It uses react-chatengine APIs.
### Built With
* [ReactJS](https://reactjs.org/)
* [ReactChatEngine](https://chatengine.io/)
* [TailwindCSS](https://tailwindcss.com/)
## Preview
### Visit the website [here](https://ms-chat-app-mohit.netlify.app/)
### Desktop View
### Mobile view
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
Package.json file mentioned the requirements you need to use the software and how to install them.
* npm
```sh
npm install npm@latest -g
```
* Any code editor of your choice (VScode preferable )
### Installation
1. Clone the repo
```sh
git clone https://github.com/mohitm15/ms-chat-app
```
2. Install NPM packages and requirements
```sh
npm install or npm i
```
### Running the code
1. To run the frontend server , go to project folder first
```sh
cd ms-chat-app
```
and then
```sh
npm start
```
The frontend server will run on `localhost:/3000`
2. To setup the backend server,
```sh
Go to https://chatengine.io/
```
and then
```sh
register yourself
```
The username & password you will chose by yourself. However, you will get a projectID.
3. Create a `.env.local` file in the root directory and paste the content as below
```
REACT_APP_PROJECT_ID=""
REACT_APP_USERNAME=""
REACT_APP_USER_SECRET=""
```
Now your environment variables also setup. You're ready to go.
## Contributing
Contributions are what makes the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
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
## Contact
Your Name -Mohit Maroliya
Project Link: [https://github.com/mohitm15/ms-chat-app](https://github.com/mohitm15/ms-chat-app)