Kristian Hans Onjala Full-Stack Engineer / Cofounder / STEM Mentor
Menu
FIRST Global Team Kenya logo

FIRST Global Team Kenya

Official website for FIRST Global Team Kenya. Complete organizational platform with team history, achievements, impact stories, student application system with admin review, OTP authentication, push notifications, and Pesapal payment integration.

  • Full-Stack
  • Non-Profit
  • Education
Preview FIRST Global Team Kenya All projects

Tech Stack

N Next.js 16 PostgreSQL Prisma Supabase Tailwind CSS v4 s shadcn/ui P Pesapal W Web Push T Tiptap R Recharts TypeScript

Build Highlights

  • Next.js 16.1 with App Router, server components, and server actions
  • PostgreSQL with Prisma ORM and Supabase for hosting and real-time capabilities
  • OTP-based authentication system for secure student and admin access

Overview

Project overview

The official digital home for FIRST Global Team Kenya, built to serve three audiences: prospective students applying to represent Kenya at the FIRST Global Challenge, supporters and sponsors looking to fund the program, and the broader community following Team Kenya's journey across international competitions. The platform handles everything from student applications and admin review workflows to organizational storytelling and payment processing.

Problem

What it solves

Team Kenya had no centralized digital presence. Applications were handled through scattered forms, organizational history was undocumented, and there was no way for supporters to engage or contribute directly. The team needed a professional platform that reflected the caliber of their international competition performance.

Build

Implementation details

What I worked on

  • Lead Engineer and Architect
  • Designed and built the complete application from scratch using Next.js 16 and PostgreSQL
  • Implemented the student application system with multi-step forms and admin review workflow
  • Built OTP-based authentication and web push notification system
  • Integrated Pesapal for Kenyan payment processing
  • Created the content management system with Tiptap rich text editor for organizational stories and updates

Technical implementation

  1. 01

    Next.js 16.1 with App Router, server components, and server actions

  2. 02

    PostgreSQL with Prisma ORM and Supabase for hosting and real-time capabilities

  3. 03

    OTP-based authentication system for secure student and admin access

  4. 04

    Web Push notifications for application status updates and organizational announcements

  5. 05

    Pesapal payment integration for Kenyan mobile money and card payments

  6. 06

    Tiptap rich text editor for content management

  7. 07

    shadcn/ui component library with Kenyan flag-inspired design identity

  8. 08

    Recharts for data visualization of organizational metrics and impact

More Projects

Continue browsing

Back to all projects