Skip to content

Stardev1127/Chat_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Snappy - A React JS Chat Application

CHAT APPLICATION WITH REACT JS

Ask Me Anything ! Maintenance GitHub license GitHub branches Github commits Website GitHub issues

⚠️ Before you start

  1. Make sure Git and NodeJS is installed
  2. Yarn is faster than Npm. So use Yarn.
  3. Create .env file in both public and server folder.
  4. server/.env
PORT=5000
MONGO_URL=xxxxxxxxxxxxxx
MESSAGE_ALGORITHM="aes-256-ctr"

MESSAGE_SECRET_KEY="xxxxxxxxxxxxxxxxxx"
CLIENT_URL="https://localhost:3000"
  1. public/.env
REACT_APP_CHAT_APP_USER="xxxxxxxxxxxxxxxxxxxxxx"
REACT_APP_MULTIAVATAR_API_KEY="xxxxxxxxxxxxxxxxx"
REACT_APP_SERVER_URI="https://localhost:5000"
  1. In most cases localhost is set to port 3000 and 5000 in client and server side respectively. But if there is any issue in connection you can change these values.
  2. Make sure Mango Db and Mongo Db Compass is installed on your local system. If it's not, you can follow this guide.
  3. Now copy your mongo db url as shown below:

Copy mongo db url)

NOTE: Both MESSAGE_SECRET_KEY and REACT_APP_CHAT_APP_USER are just different random strings. You can generate them using a password generator. Make sure their length is of decent amount like 16 or 32.

  1. To setup Avatar, Create an account in Multiavatar API
  2. On app dashboard, copy your key as shown below and paste them in .env file in public folder. copy api key NOTE: You can use Multiavatar API without account but API requests are limited to 10/min that's why, I didn't recommend doing it in that way. Make sure you don't share them publicly.

📌 How to use this App?

  1. Clone this repository to your local computer.

  2. Open terminal in root directory and cd server

  3. Type and Run yarn install

  4. Run yarn start to start back end server

  5. Now, check console. If it says, Server is running! and Database connection successfull. Then it means that everything is working fine! console.log output

  6. Now, nodejs server is configured and started. Next, we need to setup Client side server.

  7. Open a new Terminal and run yarn install. Make sure you are in public folder.

  8. Once packages are installed, type and run yarn start

  9. Now client side server will be started and you can start using this app 👍

Authentication Page

📃 Built with



🔧 Stats

Stats for this App

🙌🏼 Contribute

This app is currently not mobile responsive. Only responsive upto Tablet devices. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

Buy Me a Coffee 🍺

🚀 Follow Me

GitHub followers Twitter YouTube

About

No description, website, or topics provided.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published