Foundations

At JumpStart Hackathon, our team tackled a crucial challenge: making workplace diversity data more transparent and actionable. In just 24 hours, we built Foundations, a platform that transforms complex gender pay gap statistics into clear insights. Leading the frontend development, I worked with a team of four to turn this idea into reality, ultimately winning Best in Category against 20+ competing teams. The platform analyzes data from over 11,000 UK companies, making it easy for stakeholders to understand and act on diversity metrics that are often buried in complex reports.

Key Features

Interactive dashboard visualizing gender pay gap data for 11,000+ UK companies
Real-time data filtering and comparison tools
Company profile pages with detailed metrics and trends
Responsive design optimized for both desktop and mobile
Demo company profiles showcasing full platform capabilities
Data visualization pipeline for complex statistical analysis

Technical Architecture

Frontend

Built with Next.js and TypeScript for type safety and improved developer experience. Implemented responsive UI using Tailwind CSS and shadcn/ui components. Used React Query for efficient data fetching and caching. Implemented custom hooks for shared business logic.

Backend

Serverless architecture using Next.js API routes. Implemented data transformation pipeline to process and normalize raw pay gap statistics. Built type-safe API endpoints with proper error handling and validation.

Infrastructure

Deployed on Vercel with automated CI/CD pipeline. Implemented comprehensive error monitoring and logging. Set up automatic preview deployments for pull requests.