Landing page and report wall
EcoReclama
Landing page of EcoReclama, an ITAS initiative that helps people record environmental problems in their territory, find the official complaint channels and mobilize others.
- Social project
- Environment · ITAS social project
- 2026
- Volunteer work
- Category
- Landing page and report wall
- Segment
- Environment · ITAS social project
- Year
- 2026
- Status
- Volunteer work
Project context
ITAS, a technical institute for safe water, launched EcoReclama so communities can record pollution, tree felling, animals at risk and illegal dumping, starting in Santos, Brazil.
Need
A public page that explains the project, points to the official channels and gathers the reviewed reports, making it clear that publishing does not replace an official complaint.
Project scope
- Project presentation, themes and how to take part
- Guide to the official complaint channels and emergency numbers
- Wall for reviewed reports, filtered by city, theme and situation
- Privacy, terms, guidelines and moderation pages in Portuguese, English and Spanish
Delivered solution
A landing page that reads only the public content of the same participation platform behind Água é o Nosso Rolê: reports are made in the EcoReclama app, and the wall shows the reports that pass moderation, with sharing so each report can echo further.
Technical highlights
- Data from the platform's public API, only through its own TypeScript SDK
- Responses validated with Zod at the boundary; a failing section never takes the page down
- Separate layers, with use cases and repositories behind ports
- Published as static assets of a Cloudflare Worker, on the ITAS domain
Technology
- React
- TypeScript
- Vite
- styled-components
- TanStack Query
- Zod
- Cloudflare Workers
- i18n
Request a quote
Want a project like this?
Tell us what your company needs. The first conversation is free.