# #Vibecoding a New Community from Scratch - Progress Update! Source: https://www.youtube.com/watch?v=Qh3JoUlXhk0 Recap page: https://rapidrecap.app/video/Qh3JoUlXhk0 Generated: 2025-12-03T20:06:59.272+00:00 --- ## Quick Overview The creator built a community-based web application from scratch over several months, documenting the progress across four video parts, focusing on implementing core features like user interactions (reactions, comments, replies) and community management tools like leaderboards (Top Supporters/Helpers) and private messaging, all while using the NoCode Academy platform and demonstrating the system's viability without relying on native app development. **Key Points:** - The creator spent several months building the community web application entirely from scratch, aiming for a solution comparable to native apps. - Key implemented features include thread reactions (emojis), threaded comments with replies, and the ability to mark comments as accepted answers, which awards reputation points. - The application features community engagement panels such as 'Top Supporters This Month' and 'Top Helpers This Month' displayed on the main community page. - The creator demonstrated the direct messaging system, allowing users to chat privately, which appears to function well even when a user navigates away from the main discussion feed. - The profile settings allow users to customize their experience, including enabling/disabling various push notifications and toggling Dark Mode. - The platform uses the Stripe integration (in sandbox mode) for community donations, which directly supports hosting, maintenance, and development costs. - The creator noted a slight delay in reaction persistence but confirmed that the core functionalities, including reputation tracking and content tagging (Tech Stack), are working as intended. ![Screenshot at 00:16: The main interface of the application showing the 'Windsurf' welcome screen after initialization, with the project file explorer visible on the left and the initial terminal output confirming success.](https://ss.rapidrecap.app/screens/Qh3JoUlXhk0/00-00-16.png) **Context:** The video serves as a progress update on building a community-based web application, referred to as 'Windsurf' initially, using the NoCode Academy platform. The creator has been iterating on this project for months, aiming to create a feature-rich platform that rivals native applications in functionality. The presentation focuses on showcasing the integration of various social and administrative features, particularly around user interaction and community support mechanisms. ## Detailed Analysis The video details the progress made on a community web application built using the NoCode Academy platform, aiming for a robust feature set without native development. The creator has implemented core social features: users can react to posts with emojis, leave comments, and reply to specific comments, with the original poster having the ability to mark a comment as the 'Accepted Answer,' which rewards the replier with reputation points (e.g., +10 reputation shown for an accepted answer). The application interface includes distinct areas for 'My Feed' and 'Spaces,' with the 'My Feed' showing global trending topics. The creator demonstrated the direct messaging feature, which opens in a side panel and persists conversation history, even when navigating to other parts of the application like the main feed. Furthermore, community support is integrated via Stripe for donations, with fixed amounts (£5, £10, £20, £50) and custom options available. The profile settings are comprehensive, allowing users to change avatars (using a built-in cropping tool), manage their display name/email, and fine-tune push notification preferences for various interactions (replies, mentions, reactions). The creator noted that while some minor latency existed in reaction persistence and the demonstration used a sandbox Stripe account, the overall application quality and feature set are robust and progressing well, fulfilling the goal of creating a powerful platform without native code. ### Community Features Showcase - Thread reactions (emojis) - Threaded comments with replies - Ability to mark comments as 'Accepted Answer' (+10 reputation awarded) - Collection bookmarking feature for threads ### Community Engagement Panels - 'Top Supporters This Month' leaderboard showing top donor (£5.00) - 'Top Helpers This Month' panel for users answering questions ### Direct Messaging Implementation - DM panel opens on the right side - Supports message history persistence across navigation - Demoed sending 'Hello Steve' and 'Hello Test User Again' ### User Profile Customization - Settings include Dark Mode toggle - Granular control over push notifications (replies, comments, mentions, reactions, space updates) - Ability to upload/crop avatar image (e.g., selecting an image from the 'Downloads' folder) ### Monetization and Reputation - Stripe integration for community donations (e.g., £10 donation processed) - Reputation tracking visible in profile (Lifetime points, This month, Top helper this month #1) ### Development Workflow - Code changes managed via Git (Source Control panel visible) - Demonstrated creating a new feature branch ('phase 2') and merging back to 'develop' ### AI Integration - Chat panel available using various LLMs, including GPT-4 (slow reasoning) for free, and GPT-3.5 Turbo for users with credits. ![Screenshot at 00:00: The initial startup screen of the application showing the 'Windsurf' welcome interface within the development environment.](https://ss.rapidrecap.app/screens/Qh3JoUlXhk0/00-00-00.png) ![Screenshot at 01:45: The community homepage displaying 'Discussion Spaces,' 'Support Our Community' donation panel, and leaderboards for 'Top Supporters' and 'Top Helpers.'](https://ss.rapidrecap.app/screens/Qh3JoUlXhk0/00-01-45.png) ![Screenshot at 02:35: The community homepage displaying the 'Discussion Spaces' area, showing two main sections: 'Announcements' and 'Discussion,' alongside community support and leaderboard panels.](https://ss.rapidrecap.app/screens/Qh3JoUlXhk0/00-02-35.png) ![Screenshot at 05:25: A thread view showing the expanded view of a post with embedded image, reactions, and the comment section where replies and replies-to-replies are visible.](https://ss.rapidrecap.app/screens/Qh3JoUlXhk0/00-05-25.png) ![Screenshot at 07:01: The 'Create New Thread' modal open, showing fields for Title, Body, optional Technologies \(with multiple selected\), YouTube Video, and Image uploads.](https://ss.rapidrecap.app/screens/Qh3JoUlXhk0/00-07-01.png)