This project features a full-stack web application that clones the core functionality of the social media platform Twitter (now known as X).
The project is built with the following technologies:
- A Next.js web application hosted on Vercel
- React server components for server-side UI rendering and caching
- Next.js server actions for asynchronous server API calls
- A serverless PostgreSQL database hosted on Neon
- Drizzle for a TypeScript SQL-like ORM
- Tailwind CSS utility classes
- Re-usable and customisable components by shadcn/ui
- Stateless session management using JSON Web Tokens
- Light/dark mode by next-themes
- Zod schema validation with React Hook Form
Profile page:
Tweet page:
Login page:
