Case study / Live
Caminhos de Mambucaba
A published platform bringing together local experiences, community participation and data from the Mambucaba Observatory.
Problem and user
Experiences, initiatives, community requests and public information about Mambucaba were scattered across different channels.
My role
Product conception, interface development, content modeling and full-stack implementation.
Delivered scope
- Experiences, map, accommodation and personalized itineraries
- Initiative and community-request registration with tracking numbers
- Observatory, library and public dashboards
- Technical SEO and redirects from the legacy website
Constraints
- Start with an MVP scope
- Use real project data and images
- Keep deployment simple
Architecture and data flow
Next.js 16 and React 19 render pages and APIs; Supabase/PostgreSQL stores registrations and requests on the server; Leaflet supports maps, while Vercel deploys and monitors the application.
Decisions and trade-offs
Prioritize direct discovery, form privacy and a content structure that can grow without hiding the community behind visual effects.
Tests and validation
Lint and production build, use of published flows and review of the main navigation paths.
Current state
MVP published at caminhosdemambucaba.live.
Known limitations
- The product depends on the continued development and curation of local content.
Next steps
- Expand the catalog
- Develop community participation features further
Related training
- Frontend — Final Project ↗
React interface composition applied to experience discovery and forms.
- Security and Best Practices in Projects Built with Vibe Code ↗
Complementary security training related to input review and client/server separation.
Stack
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS
- Leaflet
- Supabase/PostgreSQL
- Vercel