HeyHao Discord Clone (Fullstack Web App)

Demo: Not available (local-only / not published)

Content / Features

• Modern Landing Page: Clear hero section with strong CTAs, feature highlights, and testimonials for product credibility.
• Authentication & Account Access: “My Account” entry point with user session flow for accessing the app.
• Community / Server System: Create and manage communities (servers) with channels to organize conversations.
• Real-time Chat Experience: Discord-like chat UI with message threads, typing indicators, and smooth conversation flow.
• Member Management: User list, roles/permissions concept, and community insights (members, activity, revenue/metrics display).
• Dashboard & Insights: Admin-style analytics panel showing growth and engagement metrics.
• Responsive Design: Optimized layout for desktop and mobile with a clean, modern UI system.

Tech Stack

• Framework: Next.js (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• Icons: Lucide React
• Deployment: Local only (not deployed)