01
Context
VortX explores the mechanics that make a social network feel alive: a relevant feed, immediate interactions, connected profiles, and several forms of conversation around the same content.
All projects
Personal projectSocial network · Microblogging
VortX
A full-featured microblogging social network with posts, comments, likes, reposts, follows, trends, notifications, and messaging.
- Scope
- An independent portfolio project with no affiliation to X Corp. The source code and a live demo are public.
- My role and contribution
- Product design and full-stack developmentI designed the social model, publishing and interaction journeys, API routes, authentication, and client-side cache synchronization.
- Main stack
- Next.jsTypeScriptPrismaNextAuthSWR
Case study
From context to design decisions
02
Challenge and constraints
Keep the interface fluid while posts, counters, comments, trends, notifications, and conversations continuously change the displayed state.
03
Approach
The application uses Next.js and TypeScript, NextAuth-protected API routes, Prisma for relationships, and SWR for cache synchronization. Interactions use optimistic updates with rollback on failure.
04
Decisions and tradeoffs
Optimistic updates make interactions feel immediate but require rollback logic and revalidation across every affected view. The relational model keeps the social graph consistent at the cost of more structured queries.
05
Observable outcome
The demo covers the complete social cycle, from rich posts to private conversations, with feed pagination, search, profiles, access control, and media management. No audience volume is claimed.
Key points
What the project demonstrates
Interactions
Immediate response
Likes and reposts appear instantly and are then confirmed by the API, with automatic restoration on error.
Data
A consistent social graph
Prisma structures users, follows, posts, comments, reactions, notifications, and messages.
Feed
Pagination and cache
The feed loads posts progressively and revalidates affected views after every interaction.
Critical perspective
Limitations and next steps
Current limitation
VortX remains a personal demonstration product. Concurrent interactions, authenticated end-to-end journeys, and observability require further validation before large-scale use.
Next step
Strengthen journey tests for posts, follows, and messages, then document the architecture and limitations more visibly in the public repository.