Work2026
CICan — Campus Living Labs Report
An interactive report that turns eight micro-grant projects into a filterable, bilingual case-study collection.
- React
- TypeScript
- Tailwind CSS
- AI
- Client
- CICan / Algonquin College
- Sector
- Education
- Location
- Canada
- Platform
- React + TypeScript
- Role
- UI/UX & front-end development
- Year
- 2026
Goal of the collaboration
Turn a static, data-heavy report into something stakeholders can actually explore.
A bilingual React report for CICan's fourth cohort, designed to stay readable for colleges, funders and the public.
- unique micro-grant projects
- 8+
- colleges and universities
- 10+
- languages: English & French
- Bilingual
The challenge
A dense analytical report had to work for colleges, funders and the public without losing the detail that made it credible. A lot of separate content had to be combined into a single, filterable interface, and the bilingual version had to be easy to maintain.
What I did
- 01Custom UI/UX built from scratch around the report content
- 02Sorting and filtering across all eight projects
- 03Full English and French versions
- 04PDF export of the report for offline reading
Selected screens
Open any image for a larger view — arrow keys move between shots.
The outcome
The report now ships as a professional, accessible web experience for CICan's fourth cohort, with every project easy to find and compare.
Building something similar?
I'm open to front-end roles and freelance work. Tell me what you're shipping.
More projects
All projects
PersonalPersonal Portfolio
A custom-built portfolio that pairs case studies with a performance- and accessibility-first React stack.
WorkCAOT — Advocacy Website
A new advocacy platform for CAOT — brand direction, prototypes and a custom-coded Squarespace build.
StudyLoopstudios Landing Page
A 1:1 recreation of a VR brand landing page, built with semantic HTML, CSS and vanilla JavaScript.