EasyBonus

Overview

EasyBonus opens up public funding for the Italian third sector: nonprofits and associations that miss out on grants because the calls are scattered, dense, and bureaucratic. Instead of reading 40-plus pages per notice, an organization sees the essentials up front: deadlines, amounts, required documents, funding type. From there it browses a filterable list of opportunities, ranked by fit: how likely it is to qualify, and how likely it is to win.

My Role

Tech lead and lead frontend developer. I own the web app’s frontend architecture, its design system, and its visual direction. I work directly with the founding team, building the interface that takes the MVP to launch.

What I Built

• The full responsive web app: every page and the navigation, working from mobile up
• A shared design system: theme tokens (spacing, easing, rgb-alpha) and tokenized components with a unified interaction feel across the product
• The grant detail page, including a “Quadro Economico” financial card that lays out a call’s economics at a glance
• The fit-and-risk signals on each opportunity, on a backend-ready data model
• A landing-page redesign built around the actual third-sector story, plus an editorial pass that names each tool by what it does and replaces generic, templated styling with a look specific to the product

Outcome

The interface narrows a scattered, bureaucratic search down to a shortlist. An organization sees the opportunities that match its profile, weighs fit and risk before sinking time into an application, and reads a grant’s economics from a clean card instead of a PDF. As tech lead I set the frontend conventions the rest of the team builds against, so the product stays coherent as it grows from MVP toward a full funding suite.

Under the Hood

• React + TypeScript single-page app on Vite, with React Router for routing and Zustand for state
• A tokenized layer over PrimeReact: design tokens for spacing, easing curves, and rgb-alpha, with a single hover/transition easing shared across components
• Responsive layouts across every page and the navbar, plus an accessibility-and-UX hardening pass over the whole app
• Quill for rich text; a grant data model shaped around compatibility and risk signals, ready to wire to the analysis backend