PEDRO HAS / DESENVOLVEDOR FRONT-END

Criatividade emcada interação.

Desenvolvedor front-end

Sou Pedro Andrade.

Transformo ideias em interfaces com personalidade e atenção aos detalhes.

Explorar ProjetosVamos conversar

São Paulo, SP | desde 2019

Explore a janela, a luminária, o monitor, a caneca e o gato.

02 / TRAJETÓRIA

Minha jornada.

Experiências que moldaram meu jeito de criar.

2019 — HOJE

Selecione uma etapa da jornada.

Desenvolvedor Front-end

Consultoria Digital

Jan. 2019 — Mai. 2020

Agência e marketing digital

Minha primeira experiência profissional, desenvolvendo e mantendo sites para diferentes clientes em uma agência de marketing digital, com foco em responsividade e SEO.

Principais entregas

  • Sites e landing pages

    Desenvolvimento e manutenção de páginas responsivas para diferentes clientes.

  • WordPress e Magento

    Manutenção e evolução de sites institucionais e lojas virtuais nessas plataformas.

  • SEO e integrações

    Melhorias voltadas à busca orgânica e integração entre interfaces e aplicações web.

Aprendizados

  • Fundamentos da web

    Aplicação prática de HTML, CSS e JavaScript na construção de interfaces.

  • Diversidade técnica

    Contato com Angular, PHP, Node.js, MySQL e aplicações com arquitetura MVC.

  • Contexto de negócio

    Adaptação a diferentes clientes, demandas de SEO e manutenção de sistemas.

Tecnologias

  • HTML
  • CSS
  • JavaScript
  • PHP
  • Angular
  • WordPress
  • Magento

03 / PROJETOS

Projetos selecionados.

Ideias que ganharam vida na web.

ACERVO DIGITAL / 2026

FormLab. Em exibição. Fita 1 de 3.

Em exibiçãoFITA 01 / 03

E-commerce / Projeto pessoal

FormLab

Loja de camisetas com estampas inspiradas no Japão: catálogo com filtros, página de produto com galeria e carrinho de compras.

  • Catálogo com filtros

    Categorias, tamanho, cor, preço e ordenação.

  • Carrinho de compras

    Escolha de tamanho e estado global com Zustand.

  • Interface responsiva

    Pensada para desktop e celular.

TECNOLOGIAS

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Zustand
  • shadcn/ui
  • Zod

ESCOLHA UMA FITA

01 / 03

Arraste uma fita até o aparelho ou clique para reproduzir.Toque para reproduzir. Deslize para ver as fitas ou arraste até o tocador. Use Tab e Enter para selecionar. Escape cancela o arraste.

UMA FITA, UMA HISTÓRIA.

04 / CONTATO

CRÉDITOS FINAIS

Vamos criaralgo juntos.

Tem uma ideia, um projeto ou
uma oportunidade? Vamos conversar.

Enviar e-mail