Giter VIP home page Giter VIP logo

chat-app's Introduction

Real Time Chat App

The Real Time Chat App is a dynamic and interactive communication platform that enables users to engage in real-time conversations with others. Powered by Socket.io, this app provides seamless and instant updates, allowing users to exchange messages and connect with individuals in real-time.

Installation

Install these modules to run the app

  cd client
  npm install
  cd server
  npm install

It is better to run these commands in different terminals.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

ATLAS_URI = <Your MongoDB database>

JWT_SECRET_KEY = <Create a Secret Key>

Note: In your MongoDB database, you need to set your Network Access to 0.0.0.0/0

Instructions on How to use the App

To use the app, you need to:

  1. Register the users to see Potential Chats. Potential Chats are the items with light blue background on the top left of the app. If you register many users, you will be able to see the Potential Chats aside from your account.
  2. These Potentials Chats are clickable, if you click on anyone of them, the User Chat will be opened and the Potential Chat that you clicked will disappear on the Potential Chats Array.
  3. This User Chat are also clickable, if you click on this, the Chat Box will open and you then can chat to your selected User Chat.

Here is a video demo of the app: https://streamable.com/q0qna5 Note: The link will expire 2days later

๐Ÿš€ About Me

As an amateur web developer, I am eagerly embracing new challenges. I am venturing into uncharted territories, seeking opportunities to expand my skills and knowledge in the field. Engaging in these new challenges fills me with excitement and a sense of fulfillment.

chat-app's People

Contributors

jasondev01 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.