HEY

Check About for live project link

Features

Sending Friends Requests and Accepting them
Sending Messages to Friends

Tech Used

Frontend using Nextjs and Tailwind
Backend calls are managed by type-safe server actions library
Messages are sent and received using websockets
Authentication is done with Google OAuth, using Next-auth(Auth.js)
Zustand for caching friends and messages data

How to run

You can any package manager like npm, pnpm.

Installing

pnpm install or npm install

Running

pnpm dev or npm run dev

Screenshots

Signup

Chat

Friends

Settings