Back to Projects

Global Frontiers Project Website

Full-stack website rebuild for a 501(c)(3) non-profit, featuring a custom CMS, event calendar, and admin dashboard.

January 1, 2025
Next.jsTypeScripttRPCPrismaTailwind CSSNextAuth.jsVercel
View CodeLive Demo

About Global Frontiers Project

Global Frontiers Project is a 501(c)(3) non-profit organization focused on bringing resources and support to underserved communities around the world. I rebuilt their website from the ground up using the T3 Stack, creating a modern, full-featured platform with complete content management capabilities.

Technical Implementation

Architecture

Built with Next.js 15 and the App Router, the site features end-to-end type safety using tRPC for API routes and Prisma ORM with Vercel Postgres. Authentication is handled through NextAuth.js with role-based access control (Admin, Editor, Public).

Key Features

  • Blog/Posts System: Rich text editor powered by Tiptap with image embedding, categories, and tags
  • Event Calendar: Full calendar functionality with date ranges and event management
  • Team Management: Team member profiles with reorderable display
  • Countries Section: Showcase regions where the organization operates
  • Newsletter System: Subscriber management with signup forms
  • Contact Form: Submissions inbox with read/archive functionality
  • Media Library: Drag-and-drop file uploads with grid preview

Admin Dashboard

A fully responsive admin portal that allows non-technical staff to manage all site content:

  • User management with role assignment and password reset
  • CRUD operations for all content types
  • Mobile-friendly design with collapsible sidebar
  • Card-based layouts that adapt to touch devices

Design

The UI features a modern glassmorphism aesthetic with warm, accessible colors. Implemented scroll-responsive headers, card hover animations, and full-bleed hero sections with gradient overlays.

My Connection

Beyond the technical work, my connection to Global Frontiers runs deeper. In 2021-2022, I took a career break to serve as a Field Representative in Montenegro. During that time, I led construction of a community center, taught English classes, and worked with cross-cultural teams to bring resources to an underserved mountain community.

That experience shaped how I think about technology and its purpose—it should serve people and make a real difference in their lives. Building this website was a way to continue supporting an organization whose mission I believe in.

Visit the site: globalfp.org