Buzzly is a fully functional, experimental social media application built with modern React architecture. It offers authentication, data fetching, state management, and UI design using best-in-class tools such as Clerk, TanStack Query, Zustand, and Tailwind CSS.
This project is ideal for developers exploring scalable frontend architecture, authentication integration, and rapid UI development.
-
🔐 Clerk Authentication
- Sign up, sign in, and user session handling
- Out-of-the-box support for OAuth providers
- User profile management with
<UserButton />
-
⚛️ React 18 App Architecture
- React Router DOM v6 for route-based layouts
- Declarative routing & nested components
-
📦 State Management with Zustand
- Lightweight, scalable global state
- Used for UI state like sidebar toggling, modals, etc.
-
📡 TanStack Query (React Query)
- Data fetching, caching, and synchronization
- Automatic retries, pagination, and optimistic updates
-
🎨 Tailwind CSS
- Utility-first styling
- Fully responsive and mobile-optimized UI
- Dark mode ready (optional toggle)
-
💬 Social Features
- Create, edit, and delete posts
- User profiles and profile routes
- Real-time messaging and chat UI
- Connections & discoverable people
- Feed with infinite scroll and lazy loading
-
🧪 Experimental UI/UX
- Skeleton loaders with
animate-pulse - Micro animations and transitions
- Responsive sidebar layout
- Skeleton loaders with
| Technology | Purpose |
|---|---|
| React | Frontend framework |
| Clerk | Authentication & user management |
| TanStack Query | Remote data handling (API layer) |
| Zustand | App state management |
| Tailwind CSS | Styling and layout |
| React Router | Client-side routing |
| Vite / CRA | Fast dev environment |