Lacrei Saúde
Frontend built for Lacrei Saúde's volunteer selection process, following the Marsha design system with a focus on accessibility.
Lacrei Saúde connects the LGBTQIAPN+ community with qualified healthcare professionals. The challenge was to build accessible pages based on the Marsha design system.
Built with Next.js (App Router), TypeScript and Styled-Components, with a mocked API through Route Handlers and MSW, and tests with Jest and Testing Library.
Main features
- Home and About pages, with header and footer
- Light and dark theme saved in the browser, with no flash on hydration
- Interest form, FAQ and professional search
- Semantic HTML, skip link, visible focus and ARIA
- Unit tests for the main components
Liked this project?
I can help build something like this for you or your team.
Other projects
FeaturedTaverna dos Jogos
Free hub for gamers: a complete Pokédex, Hearthstone, Yu-Gi-Oh! and TCG Pocket cards, LoL and anime, with daily challenges, live duels and account progression.
- TypeScript
- React
- Next.js
- Tailwind CSS
- PostgreSQL
- +2
FeaturedBiointegral Saúde Clinic
Production website for the Biointegral Saúde Clinic, built with Next.js for performance and SEO.
- TypeScript
- Next.js
- Tailwind CSS
- Axios
FeaturedRetro Room
A room of classic consoles on the web: Game Boy and Master System rebuilt as components, with real emulation, cartridge swapping and cloud saves.
- TypeScript
- Next.js
- Tailwind CSS
- Drizzle ORM
- Auth.js
- +3