Skip to content

harsh9o9/chat-buddy-frontend

Repository files navigation

Chat Buddy

A real time chatting website build using react and socket.io (link)

Technologies:

  • React Js
  • Socket.io
  • Headless UI
  • Tailwind CSS
  • Axios
  • Vite
  • Node Js

Startup:

  • Need git, node, npm installed
  • Clone the repo git clone <repo-link>
  • Install dependencies npm install
  • Run server npm run dev

Details:

  • I have built login, register, logout, logout from everydevice feature
  • In this website I created my own authentication and session management logic using JWT tokens, Here is how the flow goes:
  • Auth flow_img

Here are some UI views

Login:

Screenshot 2024-01-13 at 12 48 49 AM

Register:

Screenshot 2024-01-13 at 12 55 37 AM

Desktop Chats Home:

Screenshot 2024-01-13 at 12 52 06 AM

Desktop Add Chats Modal:

Screenshot 2024-01-13 at 12 52 52 AM
Mobile register Mobile Chats Home
register mobile main
Mobile Add Chats Modal Mobile Messaging panel
modal messaging

Here is the link for BACKEND repo (link)

About

UI of Chat application made with socket.io, react and headlessUI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published