Fullstack Developer in Training | HTML · CSS · Tailwind · JavaScript (learning) | Rio de Janeiro → Canada 🍁
Trainee Programmer building real frontend projects from scratch — no copy-paste, no shortcuts. I study daily, push to GitHub consistently, and learn by doing rather than just watching tutorials. Currently mastering JavaScript (ES6+ POO) and Tailwind CSS v4, with React and Node.js next on the roadmap.
- 🚀 JavaScript Core & UX — DOM manipulation, Event Delegation, Forms, API consumption and Event Listeners (Rocketseat)
- 🎨 Tailwind CSS v4 — Components, Dynamic Gradients & Logical Properties (Origamid)
- 🟨 JavaScript (ES6+) — Object-Oriented Programming (Classes), Fetch API, Event Bubbling & Observers (Origamid)
- 🐍 Python — Mundos 1-4 certified (Estudonauta)
- 🗄️ MySQL — Module 00 certified (40h)
- React.js — Origamid
- Node.js + Express — Backend
- Fullstack project (React + Node + MySQL)
- AI Engineer 🎯 — long-term goal
| Project | Description | Stack | Live |
|---|---|---|---|
| Sorteador de Números | Interactive number randomizer app allowing users to draw numbers within a custom range. Features repetition control logic, duplicate prevention, and dynamic button state toggles. | HTML5 · CSS3 · JavaScript (ES6) | ▶ Live |
| Refund App | Expense refund request system featuring form validation, numeric value input handling, real-time data masking, and automatic expense total calculation. | HTML5 · CSS3 · JavaScript (ES6) | ▶ Live |
| Shopping List | Interactive shopping list built from scratch. Features DOM manipulation to capture input data and dynamic rendering of HTML elements (createElement/appendChild) with checkboxes and an item removal system (remove). |
HTML5 · CSS3 · JavaScript (ES6) | ▶ Live |
| Animais Fantásticos | Advanced UI project structured entirely with Object-Oriented JavaScript (Classes), featuring MutationObserver, Bitcoin/Animals Fetch API integration, and event debouncing. | HTML5 · Tailwind v4 · JS (Classes/ES6) | ▶ Live |
| Convert App | Currency converter (USD/EUR/GBP) featuring error handling, Regex data masking, and quick-suggestion buttons built using JavaScript Event Delegation. | HTML5 · CSS3 · JavaScript (ES6) | ▶ Live |
| Multi-step Form | Dynamic multi-step form featuring step control flow, a smart billing toggle (Monthly/Yearly), and event bubbling prevention. | HTML5 · Tailwind v4 · JavaScript | ▶ Live |
| Theme Calculator | Fully functional calculator with support for 3 dynamic visual themes and complex mathematical operations handling. | HTML5 · Tailwind v4 · JavaScript | ▶ Live |
| Interactive Rating Component | Interactive rating component featuring click state capture and a dynamic thank-you screen interface. | HTML5 · Tailwind v4 · JavaScript | ▶ Live |
| Bento Grid Dashboard | Modern Bento Grid layout recreation, optimizing element positioning and responsiveness using advanced CSS. | HTML5 · CSS Grid | ▶ Live |
| Milestone | Status |
|---|---|
| HTML5 + CSS3 (Flexbox, Grid, responsive) | ✅ Solid |
| Python Mundos 1-4 | ✅ Certified |
| MySQL M00 (40h) | ✅ Certified |
| Tailwind CSS v4 | ✅ Solid |
| JavaScript ES6+ (DOM, UX & POO) | ⏳ In progress |
| React.js | 🔜 Next |
| Node.js + Express | 🔜 Planned |
| Fullstack Project (React + Node + MySQL) | 🔜 Planned |
| AI Engineer 🍁 | 🎯 Long-term |
