Download CV
Menu
All projects

NGI Foundation Platform

Public programme experience and application entry points for a youth-development organisation.

Visit live site
NGI Foundation Platform retained desktop homepageView project screens
Public desktop homepage · 27 May 2026.
My role
Freelance Software Developer
Timeframe
2025 – Present
Project status
Live public

Across screen sizes.

The public experience on desktop and mobile, captured on 27 May 2026.

NGI Foundation Platform desktop homepage with its navigation, introduction and primary actions
Public NGI Foundation homepage captured on 27 May 2026. Visible organisational content is shown as live-product evidence, not independently verified impact data.
NGI Foundation Platform mobile homepage with vertically arranged introduction and primary actions
Public NGI Foundation mobile homepage captured on 27 May 2026, showing the visible programme application pathway.
Detail of Apply to NGLA 2026 and Learn Our History in the retained desktop capture
1 Action detail · crop from the same desktop capture, 27 May 2026.

  1. A visible application route.

    The programme call to action sits beside the organisation’s introduction. Academy Portal and Apply Now provide separate entry points in the desktop navigation.

  2. The same action, a different composition.

    The retained mobile screen stacks the application and history actions beneath the introduction, with navigation behind the menu control.

The problem.

A South African youth-development organisation needed a clearer public route from programme discovery to application entry points.

The public website brings programme information, Academy Portal access and Apply Now routes together. The portfolio shows public screens; applicant records, staff tools and payment information remain private.

My contribution.

Delivered the web experience around programme discovery, visible portal access and applicant entry pathways.

  • Programme discovery content with visible Academy Portal and Apply Now entry points
  • Public organisational information and contact pathways for prospective applicants
  • Responsive desktop and mobile presentation backed by approved public screenshots

The implementation.

Built with Next.js, TypeScript, Supabase, Paystack, Tailwind CSS and Framer Motion.

  • Built the public programme and application-entry surfaces around clear user journeys
  • Integrated Paystack into the platform’s payment workflow
  • Kept private portal, applicant, staff and payment information outside the portfolio evidence

Next.js · TypeScript · Supabase · Paystack · Tailwind CSS · Framer Motion

What was delivered.

  • Delivered public programme and application-entry experiences using Next.js and TypeScript
  • Used Paystack as the confirmed payment provider for the platform workflow
  • Maintained a live product that recruiters can review through its public programme and portal routes

What I took forward.

  • Real organisation work requires treating content, user journeys and operational edge cases as part of the software
  • Public portfolio proof should show enough implementation thinking to be credible without exposing private user or payment data

Want to talk about this work?

A question about the approach, a role or a project of your own.

Discuss this project
Next projectAlign SA — Web Platform