SocialNet
A social platform with profiles, a publishing feed, friends, channels, messaging and audio/video calls.
About the project
SocialNet is a social web application for publishing and real-time communication. Profiles, a feed with attachments and reactions, people search and friend requests connect with a WebSocket messenger, channels and WebRTC calls. The Next.js client and Hono server are organised in a pnpm monorepo, with PostgreSQL access through Drizzle ORM.
The challenge
Bring publishing, social connections, direct messaging and calls into one application with a clear client/server boundary.
What we built
Profiles with photos and covers, plus posts with attachments and reactions.
People search, friend lists and friend requests.
A WebSocket messenger with message editing, voice notes and video messages.
Channels and WebRTC audio/video calls with role separation.
Next.js, Hono, Drizzle ORM, PostgreSQL, WebSocket and WebRTC.
Technology stack
Architecture & technology roles
- Next.js
- Web-interface structure, pages and the boundary between server and client layers.
- Hono
- Server-side HTTP routes and API requests.
- Drizzle ORM
- Typed relational data access.
- PostgreSQL
- Relational storage of connected data and transactional consistency.
- WebSocket
- Bidirectional event exchange without repeatedly polling the server.
- WebRTC
- Browser audio and video communication.
How it works
- Sign in with Google OAuth and set up a profile.
- Publish a post or find people and send a friend request.
- Continue the conversation in a direct chat or channel.
- Start an audio or video call.
Project gallery
More projects in this discipline
Have a challenge? Let’s solve it.
Tell us what you need. We’ll clarify the details and suggest the next step.
Discuss your project