Front-End Web Developer

Sobre mim

Desenvolvedora web júnior com 1 ano e meio de experiência como freelancer. Desde abril de 2022, tenho me especializado em HTML, CSS, Git, GitHub e JavaScript, com foco crescente em ReactJS desde fevereiro de 2024.

Além da minha formação técnica, tenho habilidades em gerenciamento de crises e longa experiência em atendimento ao cliente. Busco oportunidades para aplicar e expandir meu conhecimento.

Minhas Skills

HTML

CSS

JavaScript

Git

ReactJS

Figma

Nivel de Inglês: C2 PROFICIENT (Avançado).

Certificado EF SET

Portifólio


LUCAS MORAES PORTFOLIO / REACT

Lucas Moraes Portfolio Preview

Projeto de portfólio desenvolvido em React para Lucas Moraes, Creative Designer & Art Director. O site foi migrado de uma versão estática HTML/CSS/JavaScript para uma aplicação React moderna, implementando navegação SPA (Single Page Application) com React Router DOM. Desenvolvido com Vite para otimização de build e performance, o projeto apresenta um menu responsivo mobile, carrosséis interativos usando Swiper, e CSS Modules para estilização componentizada e isolada.

O portfólio exibe diversos projetos como Supernova Entertainment, Botteghe Del Caffè, Buddy Nutrition, Lata 05, Clicks & Corres e Estadio 97. A arquitetura do projeto é organizada com componentes reutilizáveis (Header, Footer), páginas individuais para cada projeto, e assets otimizados. O site conta com scroll automático ao topo em mudanças de rota e navegação fluida entre as páginas, proporcionando uma experiência moderna e profissional para apresentação dos trabalhos de design e direção de arte.

ECO TERAPIA / FULLSTACK

Eco Terapia Platform Preview

Plataforma fullstack de automação de atendimento para consultas de terapia e emagrecimento via WhatsApp. O projeto implementa um sistema completo de agendamento e cobrança, integrando a Meta WhatsApp Business Cloud API para mensageria automatizada, AbacatePay para pagamentos PIX e Calendly para gestão de horários de consulta. O backend utiliza uma arquitetura robusta com máquina de estados para gerenciar o fluxo conversacional, filas de trabalho com Bull e Redis para lembretes automáticos, e MongoDB para persistência de dados.

O frontend foi desenvolvido em React com TypeScript e Vite, apresentando um design responsivo com Tailwind CSS. A aplicação oferece funcionalidades avançadas como webhooks de confirmação/cancelamento de agendamentos, sistema de lembretes 24h e 1h antes das consultas, painel administrativo Bull Board para monitoramento de filas, e coleta de métricas e analytics. Toda a infraestrutura é containerizada com Docker, incluindo configurações para desenvolvimento e produção, garantindo escalabilidade e fácil deploy.

ARQUITETA PALOMA SIQUEIRA / ESTÁTICO

O projeto consiste na criação de um site de portifólio para a arquiteta Paloma Siqueira, com um design informativo e visual minimalista. Desenvolvido em colaboração com um web designer e diretor de arte, o código foi implementado com base nos layouts criados no Webflow e Figma. O site apresenta carrosséis de imagens para exibir os projetos fotografados, incluindo a inserção de múltiplos sliders em uma única página. Além disso, possui um header responsivo com menu toggle, utilizando JavaScript para controlar a visibilidade do menu. A funcionalidade "Ler mais"/"Ler menos" foi incorporada para proporcionar uma experiência de navegação fluida, especialmente em projetos que requerem descrições mais detalhadas.

Esse projeto visa destacar os trabalhos da arquiteta de maneira intuitiva e esteticamente agradável, garantindo que os visitantes possam explorar facilmente os projetos através de uma interface simplificada e responsiva.

SPECIAL CONCRETE / ESTÁTICO

O projeto consiste na criação de uma Landing Page estática para a empresa Special Concrete. Foi desenvolvido em colaboração com web designer, com base no layout inicial do Figma. A página é estruturada com um header responsivo que inclui um menu toggle em JavaScript. Abaixo, são apresentados carrosséis de serviços e portifólio, onde cada item pode abrir uma galeria de imagens. Além disso, há a integração de uma página de rede social via iframe e um formulário de contato simples, sem backend, que utiliza uma API para enviar diretamente as informações para o cliente.

ORLANDI'S CLEANING / ESTÁTICO

Projeto de Landing Page para a empresa de limpeza Orlandi's Cleaning foi desenvolvido com foco em simplicidade e funcionalidade, o site inclui um chat de autoatendimento que aparece após alguns segundos de carregamento, facilitando a interação com os clientes. Além disso, conta com um menu responsivo e toggle navigation, garantindo uma boa experiência em diferentes dispositivos. Carrosséis de serviços oferecem detalhes sobre cada oferta, enquanto uma animação discreta enriquece a navegação ao rolar a página. Avaliações de clientes e um portifólio de fotografias são exibidos em sliders, complementando um formulário de contato simples que utiliza uma API backend para envio direto das mensagens.

O projeto foi realizado em parceria com web designer, com base em um design desenvolvido no Figma. Destaca-se ainda um efeito de Count Up implementado em JavaScript, ativado ao rolar a página, proporcionando uma experiência interativa adicional aos visitantes.

MMK CONCRETE / ESTÁTICO

A Landing Page estática para a empresa MMK Concrete foi desenvolvida focada em simplicidade e clareza. O projeto inclui um formulário de contato funcional e um portfólio de projetos, e foi realizado em colaboração com web designer, baseado em um design inicial do Figma. O site apresenta um header responsivo com menu toggle, um banner em vídeo explicativo, animações simples que aparecem ao scrollar ou passar o mouse, carrosséis de imagens para o portfólio e reviews de clientes, além de um formulário de contato que utiliza uma API backend para envio direto das informações.

6TH AVENUE / ESTÁTICO

O projeto da empresa de limpeza 6th Avenue Cleaning foi desenvolvido com foco na simplicidade e eficácia, o site oferece um design estático e informativo, incluindo um formulário de contato e um portfólio. Em colaboração com web designer, o código foi implementado com base em um projeto inicial criado no Figma.

Entre as funcionalidades, destaca-se um header responsivo com menu e toggle navigation, adaptando-se dinamicamente ao tamanho da tela através de JavaScript. Um banner de vídeo logo abaixo proporciona uma breve apresentação visual e animações sutis ao rolar a página e ao passar o mouse sobre elementos adicionam interatividade.

Me mande um: