JH Link: Building a Full-Stack PWA for Community Engagement

JH Link: A PWA to Connect and Engage Our Local Youth Center

Olivier Vanheste developed JH Link as a submission for the DEV Weekend Challenge to centralize youth center operations. The platform serves members aged 10-19 by replacing fragmented social media communication with a real-time activity feed. It utilizes a QR-code-based virtual card system to automate the manual check-in process.

Why This Matters

Community organizations often struggle with fragmented data and low engagement due to reliance on scattered social media posts and manual administrative tasks. JH Link demonstrates how a mobile-first PWA can transform these workflows into a cohesive digital experience by integrating gamification and automated check-ins to bridge the gap between physical attendance and digital belonging.

Key Insights

• Full-stack development using Next.js App Router and Bun package manager for high-performance execution (2026).
• Database security implemented through Supabase PostgreSQL with Row Level Security (RLS) policies.
• Deployment on Vercel as a Progressive Web App (PWA) to ensure a native-like mobile experience with page transitions.
• Implementation of a gamification system using points and levels to reward participation and foster community competition.
• Co-development model utilizing AI assistants for rapid scaffolding and complex server action generation within a weekend challenge.

Practical Applications

• Youth Center Management: Automated check-ins via QR codes to replace physical cards; Pitfall: Over-reliance on digital systems without offline fallbacks for members without smartphones.
• Member Engagement: Real-time activity registration through a mobile-first UI; Pitfall: Fragmented participation if the PWA is not properly installed on the home screen for persistent access.

References:

• https://dev.to/olivier_vanheste_62a5c2c6/jh-link-a-pwa-to-connect-and-engage-our-local-youth-center-5ahb
• https://jh-link.vercel.app/login
• https://github.com/polcrosmol/jh-link