Giter VIP home page Giter VIP logo

message-o's Introduction

Message-O ( Message Online )

Message-O Is A Real Time Chat APP Created Using React, WebSockets, Socket.io, NodeJs, MongoDB and WebRTC.

It allows users to easily interact with each other with some extra cool and interesting features to enjoy.

Technologies -

  • React
  • Node Js
  • Express
  • MongoDB
  • Web Sockets and Socket.io
  • JWT Authentication
  • WebRTC (PeerJS)
  • Materialize CSS

Features -

  • Secure Chat. (Authentication support)
  • Video Conferencing Feature.
  • Share Emojis to express your emotions.
  • Can add a Background Wallpaper for you chat window
  • Dark Mode Support
  • Notify others whenever a user is typing a message.
  • Feature that Show how many active users are there in the chat.
  • Notify others when a user leaves the chat.
  • Chat Tone for every new message.

Setup And Installation -

  1. Clone This Repository.

  2. Enter Following Commands in your preferred CLI -

    yarn users -

        yarn
    yarn run dev

    npm users -

        npm install
    npm run dev

ScreenShots -

screenshots1

screenshots3

screenshots4

screenshots2

screenshots5

screenshots7

screenshots6

Available Ports -

For App - 3000 For Server - 4000

Start Now -

Deployed On Netlify And Render - Message-O

message-o's People

Contributors

vivek-30 avatar

Watchers

avatar

message-o's Issues

Add Authentication Support.

To be done after #1 .

Need to add a SignIn / SignUp page for users authentication.
purpose -

  • To enhance security.
  • To make this app Robust.
  • To provide more realistic experience to users.

Switch To React.

Currently it is based on raw HTML and plain vanilla javascript , now wanted to switch to ReactJs.
because of -

  • code reusability through react components.
  • virtual DOM
  • easy to use and maintain.

Add PWA Support.

Benifits of PWA -

  1. App Like Look and Feel.
  2. Better Performance.
  3. Good offline experience.
  4. Push Notification Functionality.
  5. Fast Installation.
  6. Enhanced Security.
  7. And many more things it offers .

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.