This project is a full stack Twitter clone built early in my journey. It focuses on recreating core social features like posting, following, and real time interactions while learning how different parts of a modern web app connect together.
The goal was not just to copy UI, but to understand how data flows between frontend and backend, how authentication works, and how to design scalable features like feeds and notifications.
User authentication with secure login and registration
Post creation with likes and replies
Follow and unfollow system
Notification system for interactions
Profile editing with image uploads
Designing relational data models using Prisma
Handling authentication flows with NextAuth
Managing global state and async data
Building reusable UI components and layouts
Understanding full stack data flow end to end
The application is structured around core entities like users, posts, comments, and notifications. Each interaction updates multiple parts of the system, requiring careful state and database handling.
User
Profile data, followers, and authentication
Post
Content, likes, and author relationships
Comment
Replies linked to posts and users
Notification
Triggered by likes, follows, and replies
This project runs locally with a MongoDB database.
install dependencies
npm installsetup environment
DATABASE_URL=...
NEXTAUTH_SECRET=...run project
npm run dev