LAUNCHPAD

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.

LAUNCHPAD