buzz. 🐝

buzz is a dynamic social platform where the hive mind converges to share, connect, and engage through video content.

🚀 Features & Tech Stack

Frontend

• ⚛️ React & TypeScript: Used to create interactive and type-safe user interfaces, ensuring maintainable and scalable frontend development.
• 🔥 Tanstack Router: Utilized for managing client-side routing, providing smooth and type-safe navigation across different pages and views.
• 🧠 Zustand: Used for state management to efficiently handle and synchronize application state.
• 🔗 Apollo GraphQL Client: Employed to handle GraphQL data fetching, caching, and state management, optimizing data operations and improving app performance.
• 🧩 Tailwind CSS & Shadcn UI: Used for designing responsive and customizable UIs, combining Tailwind’s utility-first approach with Shadcn’s pre-built components.
• 🔐 Google OAuth: Implemented to provide secure authentication through Google accounts, offering users a seamless login experience.
• ⚡ Vite: Used to set up a fast development environment and optimized build process for efficient frontend performance.

Backend

• 🐘 NestJS: Utilized to build a scalable and maintainable backend framework, leveraging TypeScript for type safety and clean code organization.
• 🛠️ Apollo GraphQL: Used to provide a flexible API for querying and mutating data, enabling efficient data retrieval and manipulation.
• 🔐 JWT Authentication: Implemented for securing user sessions and API access through JSON Web Tokens.
• 🗄️ Prisma ORM + Postgres: Employed to manage database operations with Prisma’s type-safe ORM, and using Postgres (via Supabase) for relational database management.
• 📦 AWS S3: Used for handling media storage, enabling scalable and reliable file storage, particularly for video uploads.

📷 Screenshots

Features

• ❤️ Likes: Users can like videos and posts, engaging with content they enjoy.
• 💬 Commenting: Users can leave comments on videos, sparking discussions and interactions.
• ➕ Following: Follow other users to keep up with their latest video content.
• 📤 Video Uploading: Seamlessly upload videos to share with the community.
• 🔄 Instant Refetching: Automatically update data in real-time when new content is added or interacted with.
• 👤 Profile Updates: Users can edit their profile, including changing their avatar, bio, and other personal details.
• 🌗 Light/Dark Mode: Switch between light and dark themes for a personalized user experience.

🌐 Live Demo

Experience buzz. live at: https://buzz.vercel.app ✨ Join the buzz. community today and be part of the hive mind! 🐝