SYSTEM ARCHITECTURE & CREDITS
SUMMARY
LaunchPad was engineered from the ground up to showcase student innovation while adhering to strict, enterprise-grade engineering principles:
- Zero Second ORM (No Prisma Bloat): Direct SQL schema in PostgreSQL with native Supabase Client integration, preventing redundant query translation overhead.
- Default Server Components: Maximum performance with App Router Server Components shipping minimal client-side JavaScript.
- Database-Layer Security: Row Level Security (RLS) enabled on 100% of tables with zero service-role keys exposed in browser bundles.
- Minecraft-Inspired Voxel UI: Bespoke design system merging retro 8-bit voxel clouds, pixelarticons, and responsive dark aesthetics.
01. TECHNOLOGIES UTILIZED
The production stack powering LaunchPad is intentionally lean, robust, and modern:
- Next.js 15 (App Router): Server Components default to zero client JavaScript bundle overhead. Server Actions execute privileged business logic with on-demand cache revalidation.
- Supabase Postgres & SSR: Managed Postgres with strict Row Level Security policies. Cryptographic session validation powered by
@supabase/ssr. - Tailwind CSS: Bespoke arcade color tokens, voxel borders, and responsive design primitives.
- Three.js & WebGL: Real-time hardware-accelerated canvas rendering engine powering custom retro shader graphics.
- Zod & React Hook Form: Strict type inference and schema validation for project submissions, user profile edits, and team contributor assignments.
- Resend API: High-deliverability transactional emails for project submission approvals, change requests, and welcome notifications.
- Cloudflare Turnstile: Privacy-preserving, CAPTCHA-free bot defense protecting submission forms and comment reports from automated spam.
02. OPEN-SOURCE LIBRARIES & ASSET ATTRIBUTION
LaunchPad gratefully incorporates work from the open-source creative and developer communities:
- React Bits (by David Haz): Open-source React component library providing animated UI elements and WebGL shaders, including the
<CRTWarp />canvas background powering the community leaderboard and<PixelBlast />ambient particle effects. Learn more at reactbits.dev. - Pixelarticons (by Gerrit Halfmann): Pixel-perfect 8-bit retro iconography set (
pixelarticons) powering navigation glyphs, action badges, and arcade UI indicators. Learn more at pixelarticons.com. - Phosphor Icons (by Tobias Fried & Helena Zhang): Flexible, clean vector icon system (
@phosphor-icons/react) used for general interface controls, chevrons, and external link indicators. Learn more at phosphoricons.com. - Three.js (by Ricardo Cabello / mrdoob): JavaScript 3D library and WebGL rendering engine utilized for interactive canvas shaders. Learn more at threejs.org.
03. ACADEMIC INITIATIVE & DEVELOPER ATTRIBUTION
LaunchPad was conceived, built, and shipped solo by Jerald A. Pascual (Developer) as a dedicated open showcase for BSIT and BSDS students in the ITDS Department at BulSU Sarmiento Campus.
Developer: Jerald A. Pascual
Developer Portfolio: jeraldpascual.me
Developer Email: jeraldabihaypascual@gmail.com
Organization: THE ELITeS (Exemplary League of Information Technology Students)
All submitted student projects retain 100% intellectual property ownership under Republic Act No. 8293 and Republic Act No. 10173.