mrigankabrahma / chat-app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

    About


    Languages

    Language:JavaScript 97.2%Language:CSS 2.1%Language:HTML 0.8%