βοΈ Tech Stack
- Next.js
- MongoDB
- Shadcn UI
- TailwindCSS
- Clerk
- Webhooks
- Serverless APIs
- React Hook Form
- Zod
- TypeScript
π Features π Authentication: Authentication using Clerk for email, password, and social logins (Google and GitHub) with a comprehensive profile management system.
π Visually Appealing Home Page: A visually appealing home page showcasing the latest threads for an engaging user experience.
π Create Thread Page: A dedicated page for users to create threads, fostering community engagement
π Commenting Feature: A commenting feature to facilitate discussions within threads.
π Nested Commenting: Commenting system with nested threads, providing a structured conversation flow.
π User Search with Pagination: A user search feature with pagination for easy exploration and discovery of other users.
π Activity Page: Display notifications on the activity page when someone comments on a user's thread, enhancing user engagement.
π Profile Page: User profile pages for showcasing information and enabling modification of profile settings.
π Create and Invite to Communities: Allow users to create new communities and invite others using customizable template emails.
π Community Member Management: A user-friendly interface to manage community members, allowing role changes and removals.
π Admin-Specific Community Threads: Enable admins to create threads specifically for their community.
π Community Search with Pagination: A community search feature with pagination for exploring different communities.
π Community Profiles: Display community profiles showcasing threads and members for a comprehensive overview.
π Figma Design Implementation: Transform Figma designs into a fully functional application with pixel-perfect and responsive design.
π Blazing-Fast Performance: Optimal performance and instantaneous page switching for a seamless user experience.
π Server Side Rendering: Utilize Next.js with Server Side Rendering for enhanced performance and SEO benefits.
π MongoDB with Complex Schemas: Handle complex schemas and multiple data populations using MongoDB.
π File Uploads with UploadThing: File uploads using UploadThing for a seamless media sharing experience.
π Real-Time Events Listening: Real-time events listening with webhooks to keep users updated.
π Middleware, API Actions, and Authorization: Utilize middleware, API actions, and authorization for robust application security.
π Next.js Layout Route Groups: New Next.js layout route groups for efficient routing
π Data Validation with Zod: Data integrity with data validation using Zod
π Form Management with React Hook Form: Efficient management of forms with React Hook Form for a streamlined user input experience.