Foundations
A 24-hour hackathon project. Team of four, I led the frontend. We built a dashboard that lets you search, filter, and compare gender pay gap data across 11,000+ UK companies. Won Best in Category against 20+ teams. The data is public but buried in government CSVs that nobody reads. We built the interface that makes it browsable.
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. 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. Optimized for handling large datasets with 11,000+ companies.