learn

Demo

Watch DevConnect in action, screen by screen.

Overview

DevConnect is a developer social platform in the browser: landing and sign-up, profiles, feed, connections, jobs, and real-time chat.

Watch the 60-second tour

Watch the 60-second tour

Screenshots

Landing and sign-up

Public landing with email registration and GitHub entry.

Public landing with email registration and GitHub entry.

Profile

Hand-written fields plus synced GitHub data.

Hand-written fields plus synced GitHub data.

Feed

Recent and top tabs over cursor-paged posts.

Recent and top tabs over cursor-paged posts.

Connections and requests

Accepted connections plus incoming and sent requests.

Accepted connections, the main gate for chat.

Incoming requests to accept and sent ones to track.

Jobs

Listings with resume applications and poster-side status.

Listings with resume applications and poster-side status.

Real-time chat

Rooms, receipts, typing, and presence in one thread.

Rooms, receipts, typing, and presence in one thread.

Feature walkthroughs

Authentication

Email register and login plus GitHub OAuth on JWT.

Public landing with email registration and GitHub entry.

Authentication

Profiles and uploads

Editable profiles with avatar and cover uploads.

Hand-written fields plus synced GitHub data.

Profiles and uploads

Connections

Requests, accepts, lists, and removal.

Accepted connections, the main gate for chat.

Connections

Feed and posts

Publishing, feed tabs, likes, and comments.

Recent and top tabs over cursor-paged posts.

Feed and posts

Jobs

Listings, resume applications, and status tracking.

Listings with resume applications and poster-side status.

Jobs

Notifications

Stored rows plus live pushes through one helper.

Rooms, receipts, typing, and presence in one thread.

Notifications

Real-time chat

Rooms, receipts, typing, and presence over sockets.

Rooms, receipts, typing, and presence in one thread.

Real-time chat

Short clips

Single interactions, looping without sound.

Send, delivered, and read states in one exchange.

Accept flips the pair to connected and notifies both sides.

Try it yourself

Sources: README.md, frontend/README.md, backend/README.md (documented at commit cdef8af)

On this page