🚧 Work in Progress — A Twitter-inspired UI clone built with ⚡ Next.js + Tailwind CSS. Currently frontend-only, featuring clean layouts, responsive design 📱, and support for light 🌞 & dark 🌙 themes.
🌐 Live Demo: twitter-clone 💻 Source Code: GitHub Repo
- 🎨 Pixel-perfect Twitter UI — timeline, posts, profiles & sidebar layout
- 🌞🌙 Light & Dark mode with theme toggle
- 💬 Post composer mockup (UI only, no backend yet)
- ❤️ Like / 🔁 Retweet / 👥 Follow button states
- 📱 Responsive design — mobile-first, tablet & desktop optimized
- 🧩 Reusable components — Navbar, Feed, Sidebar, PostCard, ProfileCard
- Framework: Next.js (App Router)
- Styling: Tailwind CSS
- State Management: React hooks
- Deploy: Vercel
├── app/ # Next.js pages & layouts
├── components/ # Reusable UI (Navbar, Feed, PostCard, Sidebar)
├── public/ # Screenshots & static files
├── styles/ # Global Tailwind styles
├── package.json
└── README.md# 1) Install deps
npm install
# 2) Run dev server
npm run dev # http://localhost:3000
# 3) Build for production
npm run build
npm start- 🔐 Authentication (NextAuth / Clerk)
- 💾 Database for posts & users (Prisma + PostgreSQL)
- 📸 Image upload support
- 🔔 Notifications system
- 🌐 Real-time feed (WebSockets)
Built by Arslan Javed — GitHub