Welcome to Chatout 👋

🕵️‍♀️Description

A web application to chat with your family members and friends (who are already an user) in realtime.

Features

• Login using QR code
• Search any existing user (after logging in)
• Chat with any existing user (after logging in)
• Send images from your internal memory, clipboard or even by dropping them (after logging in)

✨ Demo

---

This application is deployed on Heroku. Please check it out here😃.

Built with

---

• React - a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
• Node - an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.
• Express - a back end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.
• MongoDB - a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas.
• Socket.io - a JavaScript library for realtime web applications. It enables realtime, bi-directional communication between web clients and servers. It has two parts: a client-side library that runs in the browser, and a server-side library for Node.js.

Prerequirements

• Node >=10.0.0
• MongoDB
• npm

Installation & Usage

---

1. Clone this repository or download it as zip

2. Setup frontend by installing dependencies

   cd client

   npm install

3. Setup backend by installing dependencies

   npm install

4. Configure .env file in server folder and insert the following code. Replace values with yours

    PORT=5000
    MONGO_URI="your-mongodb-uri"
    JWT_SECRET="your-jwt-secret"

5. Make sure mongodb is running in your system
6. Running application in development mode

   1. Client side

      cd client

      npm run start

      Open http://localhost:3000 in your browser to see client

   2. Server side

      npm run server

      Open http://localhost:5000 in your browser to see server

Author

---

👤 Naresh E

• Website: https://nareshe.netlify.app
• Github: @Nareshe31
• LinkedIn: @naresh-e

Show your support

---

Give a ⭐️ if this project helped you!