I am a Front-End Software Engineer specialising in Design Systems, documentation and web accessibility. Since 2020, I have been dedicated to creating and maintaining Style Guides for the companies I work for. My main responsibilities include developing components for web applications, providing accessibility guidance, and creating intuitive documentation for those using our solutions. I am always learning and eager to share my knowledge.
An app to write recipes that detect ingredients and quantities and answer with a nutrition table.
Skills: React.js · Formik · SASS · Atomic Design · Lodash.js · GatsbyJS · Stylelint · Material-UI · TypeScript · ESLint · Prettier
This project is a wiki website of a game that I played when I was young. I'm making this in two places: the website code is closed in a private GitHub repository and the wiki content is storaged in an open repository. The website is static, no server running, and made with Angular. The challenge to build it is read the wide variety of content from the open wiki, such as Markdown, JSON and many file paths.
Skills: Bootstrap · Chart.js · TypeScript · RxJS · Semantic Web · Node.js · Angular (Framework)
- Next.js
- Google Cloud
- Google APIs Node.js Client
- Google spreadsheets API
- Native light and dark modes
- System.css
A library to help controlling scrolls, mouse movements and touch.
Some tools in this library:
- carousel
- scroll spy
- 360 images
- sticky header
- parallax
Skills: Jest · TypeScript · RxJS · ESLint · Travis CI · Webpack · Prettier
The proposal of this project is to teach website development through incremental achievements. Each lesson, students will learn to implement something new or improve upon existing skills. The idea is to trace the evolution of web development, starting with basic text-only pages and gradually introducing topics such as CSS, JavaScript, forms, and more.
I'm an Web Developer and I’m currently learning about:
- Design system
- Motion design
- Material Design
- Design Tokens
- Digital marketing
- Angular
- RxJS
- Web Components
My tecnology knowledges:
- JavasSript: TypeScript, React, Angular, funcional programing, Jest.
- CSS: Atomic Design, Design System, BEM, RSCSS, SASS.
- SSR: Gatsby, JSP, AMP,
- Acessibility: W3C Directives, eMag, NVDA, TalkBack, VoiceOverd.
- DevOps: Travis CI, Jenkins Pipeline, Monorepos, Webpack, Gulp.
- Google: Tag Manager, Optimize, Analytics.
- Minor knowledge: Express, SQL, Java, Orientation Object, Gimp.
I find it easy to do:
- apply accessibility
- frontend builds and modules
- CSS and your strategies (components, helpers, structure, resets...)
- functional programming
- to teach
My articles [PT-BR]:
- Web Accesssibility Implementation Model
- Accessibility articles
- JS Modules
- Teste AB
- Atomic Design
- Github and Jenkins
- TypeScript vs JavaScript
- Redux
- How a Web page works?
- Unwritten rules of React
- Java mania on JavaScript
- WCAG
- Refactoring
- Documentação de softwares para usuários
- Commponentes visuais com BEM CSS
- i18n com Angular
- Como React funciona
- Anti Pattern e Design Pattern para o paradigma Funcional + React
- TypeScriptLess
- Angular VS React
- Do not trust in developers
- Visual Components
- 🏗️ CSS Theming and custom properties
- 🏗️ Write accessible HTML emails that work everywhere
- 🏗️ A proposal of a design system model
- 🏗️ JS Code Smells
- 🏗️ Frontend Patterns
- 🏗️ Do not replace HTML for JS
- 🏗️ Styleguide mistakes
- 🏗️ Bash
- 🏗️ CSS responsive without media
- 🏗️ AMP Render
- 🏗️ JS + TS
- 🏗️ Você não deveria se envergonhar de usar isso!
- 🏗️ Resumo Atomic Design
- 🏗️ Metodologias CSS
- 🏗️ Tipos avançados em TypeScript
- 🏗️ Proposta de processo de desenvolvimento Ágil
And these are the projects that I contributed