Giter Club home page Giter Club logo

chat-app's Introduction

chat-app

#https://chat-app-mriganka.onrender.com/login

Some Features of This App:

๐ŸŒŸ Tech stack: MERN + Socket.io + TailwindCSS + Daisy UI

๐ŸŽƒ Authentication && Authorization with JWT

๐Ÿ‘พ Real-time messaging with Socket.io

๐Ÿš€ Online user status (Socket.io and React Context)

Hosted web app on render

FUNCTIONALITY

  • Generate JWT
  • Login Endpoint
  • Logout Endpoint
  • Create Message Model
  • Create Conversation Model
  • Send Message Endpoint
  • Protect Route Middleware
  • Get Messages Endpoint
  • Get Users for Sidebar Endpoint
  • UI Design
  • Create AuthContext
  • Logout Functionality
  • Login Functionality
  • Get Conversations
  • Send Message Functionality
  • Get Messages
  • Search Conversation
  • Implementing Socket.io
  • Finally Deployment Render!
  • Setup .env fileb>

    PORT=...

    MONGO_DB_URI=...

    JWT_SECRET=...

    NODE_ENV=...

    Build the app

    npm run build

    Start the app

    npm start

    LOGIN FUNCTION

    WhatsApp Image 2024-04-07 at 12 00 53

    SIGN UP

    WhatsApp Image 2024-04-07 at 12 01 28 (2)

    CHAT APP

    WhatsApp Image 2024-04-07 at 12 07 42 WhatsApp Image 2024-04-07 at 12 07 42 (1) WhatsApp Image 2024-04-07 at 12 09 43

    chat-app's People

    Contributors

    mrigankabrahma avatar

    Stargazers

     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.