Projects.

Selected builds, experiments, and technical assessments across product, frontend, backend, and AI work.

Jeff

White-label platform for marketing and scheduling professional services, with therapy as the default vertical and company-funded credits for workers.

StackNext.js 16 · React 19 · Drizzle · Playwright

GitHub

Echo Coach Lingue

Language-learning typing trainer with custom Markdown practice, TTS listening, typing-speed benchmarking, and pronunciation context links through Forvo and YouGlish.

StackReact · Vite · Material UI · Tailwind CSS

Live GitHub

Portfolio Gatsby V1

First Gatsby portfolio and blog version for Osmar Petry, preserved as an archive of the earlier personal site implementation.

StackGatsby · React · Styled Components · Decap CMS

Live GitHub

Portifolio Eleventy

Static-first portfolio build using Eleventy, Markdown-oriented content, syntax highlighting, and a small deployment surface.

StackEleventy · Markdown · Shiki · CSS

Live GitHub

Roast My Landing

Landing-page audit app that reviews a website and returns three focused tips across marketing, SEO, and performance.

StackNext.js 16 · Lighthouse · OpenAI · Postgres

GitHub

Portifolio Notion

Notion-powered portfolio based on nextjs-notion-starter-kit, rendering a public Notion page through Next.js and react-notion-x.

StackNext.js · Notion · react-notion-x · TypeScript

Notion Page GitHub

Chargebee Brevo Sync

Webhook-driven billing and CRM sync demo built around Chargebee events, Brevo contact updates, and a stateless Next.js flow.

StackNext.js 15 · TypeScript · Vitest · Playwright

Live GitHub

Citadel Character Atlas

Responsive Rick and Morty API character browser with GraphQL search, filters, pagination, localization, and a detail drawer.

StackNext.js 15 · GraphQL · Storybook · Playwright

Live GitHub

Flowers City

Map-first store locator concept focused on place context, clean frontend structure, and location-driven browsing.

StackNext.js 15 · Leaflet · TypeScript · Tailwind CSS

GitHub

My Accounts

Account management interface with mocked APIs, transfers, theming, i18n, and realistic application state flows.

StackNext.js 15 · Redux Toolkit · MSW · Playwright

GitHub

Felippe

Content product with auth, comments, and playlist-style interaction patterns shaped around product rules and sign-in flows.

StackNext.js 15 · Auth.js v5 · Tailwind CSS · Biome

Live GitHub

Speach POC

Chrome extension prototype for converting selected text and extracted articles into a guided reading experience.

StackWXT · React · TypeScript · Playwright

GitHub

Earth 1999

Marvel browser from 2018 with BDD tests, Storybook habits, and Firebase deployment kept live as an earlier frontend milestone.

StackReact · TypeScript · Firebase · Cypress

Live GitHub

Animation Principles Explorer

Interactive animation sandbox combining a React UI with Gemini-backed guidance around motion principles and demos.

StackReact · Vite · Gemini API · TypeScript

Live GitHub

media2goodreads

Go application that imports Audible, Kindle, and Storytel history into a unified library and exports a Goodreads-compatible CSV.

StackGo · CLI · TUI · CSV tooling

GitHub Docs

MoneyLion Demo

Timeline rendering and API normalization split across a Next.js frontend and a Node.js backend for the MoneyLion assessment.

StackNext.js · TypeScript · Node.js · Material UI

Live GitHub Frontend GitHub Backend

Lumdb

Firebase-hosted movie browser that shows earlier product UI decisions around search, browsing, and PWA structure.

StackReact · Redux · Firebase · PWA

GitHub Live

Tokens Figma Node

Node utility for turning design-token exports into code-friendly outputs and bridging Figma with implementation.

StackNode.js · CLI · Design Tokens · Figma

GitHub

Black Spotify

Spotify-inspired browser from an earlier phase of the portfolio, preserved to show progression in app UI structure.

StackReact · Redux · Firebase · Cypress

GitHub

Weather 7

Cinematic weather dashboard built with Next.js, server-side location resolution, and National Weather Service data for forecast, alerts, and observation views.

StackNext.js · TypeScript · SWR · Styled Components

GitHub Live

Cover image for bootstrap-resposive-site.

Bootstrap Responsive Site

Responsive site exercise built with Bootstrap to explore grid behavior, layout primitives, and component reuse.

StackHTML · CSS · Bootstrap

Live GitHub

Fotograf

Media-heavy photography presentation exploring gallery-like layouts and visual-first browsing.

StackReact

GitHub Live

Lumdb Next.js

Next.js port of Lumdb that shifts the movie browser toward a more server-rendered application structure.

StackNext.js · TypeScript

GitHub

Spring Animations

Animation experiments using spring dynamics to study more natural motion in interface transitions.

StackReact · Framer Motion

GitHub Demo

About me

I'm a Luxembourgish-Brazilian engineer based in Luxembourg. I work best in frontend-focused full stack product environments where UI quality, backend integrations, testing, performance, and developer experience all need to hold together in production.

The strongest fit is product platform work across web and mobile: scheduling, admin surfaces, operational workflows, realtime behavior, and maintainable systems that other engineers can extend safely as the product grows.

Download resume

Write to osmarpetry@gmail.com