Olá, meu nome é

Alefer ReinertDesenvolvedor front-endVisualizar CV

Desenvolvo sites e e-commerces utilizando as tecnologias mais atuais, focando em desempenho, acessibilidade e experiência do usuário.
Minhas principais habilidades incluem: React, Next.js, TypeScript, Tailwind, Storybook, Testing Library, GraphQL, Cypress e Strapi.

Projetos

Exibindo 13 de 13 projetos.

  • Visualização do projeto em smartphone, tablet e desktop

    DebbiFit

    Landing page de consultoria fitness online com treinos, nutrição e suporte para cuidar da sua saúde física e mental. Gerenciamento de conteúdo via CMS.

    • React
    • Next.js
    • TypeScript
    • Tailwind
    • Storybook
    • TestingLibrary
    • Strapi
    • Apollo
    • GraphQL
  • Visualização do projeto em smartphone, tablet e desktop

    Won Games

    E-commerce de jogos completo com recomendações, lançamentos, detalhes de cada jogo, busca, filtros, lista de favoritos, autenticação, processo de compra e envio de e-mails.

    • React
    • Next.js
    • TypeScript
    • Tailwind
    • Storybook
    • TestingLibrary
    • Strapi
    • GraphQL
    • Apollo
    • Cypress
    • NextAuth
  • Visualização do projeto em smartphone, tablet e desktop

    BeTalent

    Teste técnico desenvolvido para um processo seletivo. Consiste em construir a visualização de uma tabela com dados de uma API simulada.

    • React
    • TypeScript
    • Tailwind
    • JSONServer
  • Visualização do projeto em smartphone, tablet e desktop

    DevStage

    Website de inscrição e indicação para eventos. Desenvolvido durante o NLW Connect da Rocketseat na trilha React.

    • React
    • Next.js
    • TypeScript
    • Tailwind
    • Storybook
  • Visualização do projeto em smartphone, tablet e desktop

    Advice Health

    WebApp de consultório médico desenvolvido para um processo seletivo. Permite agendar consultas, gerenciar pacientes e visualizar dados financeiros e estatísticos do dia.

    • React
    • Next.js
    • TypeScript
    • Tailwind
    • Storybook
    • TestingLibrary
  • Visualização do projeto em smartphone, tablet e desktop

    Impacta Tecnologia

    Website institucional para uma empresa de tecnologia, destacando seus serviços e soluções personalizadas. Gerenciamento de conteúdo via CMS.

    • React
    • Next.js
    • TypeScript
    • Tailwind
    • Storybook
    • TestingLibrary
    • Strapi
    • Apollo
    • GraphQL
  • Visualização do projeto em smartphone, tablet e desktop

    Findbook

    Aplicação web que utiliza inteligência artificial para recomendar livros a partir da busca do usuário.

    • React
    • TypeScript
    • Tailwind
    • Radix
    • Vite
    • OpenAI
    • Express
    • MongoDB
  • Visualização do projeto em smartphone, tablet e desktop

    Notes

    Gerenciamento de notas através de texto digitado ou gravações de áudio. Desenvolvido durante o NLW Expert da Rocketseat na trilha React.

    • React
    • TypeScript
    • Tailwind
    • Radix
    • Sonner
  • Visualização do projeto em smartphone, tablet e desktop

    Pass In

    Gerenciamento de participantes em eventos presenciais. Desenvolvido durante o NLW Unite da Rocketseat, foram feitas as trilhas de React e Node.js.

    • React
    • TypeScript
    • Tailwind
    • Node.js
    • Prisma
    • Fastify
  • Visualização do projeto em smartphone, tablet e desktop

    Portfólio

    Confira o processo de criação deste portfólio.

    • React
    • Next.js
    • TypeScript
    • Tailwind
    • Storybook
    • TestingLibrary
    • FramerMotion
    • Cypress
  • Visualização do projeto em smartphone, tablet e desktop

    React Avançado

    Landing page do curso "React Avançado: Crie aplicações com NextJS, Strapi e mais". Este projeto adicional tem como objetivo introduzir o uso do Strapi para substituir dados estáticos por dados dinâmicos por meio de uma API.

    • React
    • Next.js
    • TypeScript
    • StyledComponents
    • Strapi
  • Visualização do projeto em smartphone, tablet e desktop

    Single Page

    Website de uma empresa fictícia destacando seus projetos e serviços. Apresenta sua história, serviços, equipe, redes sociais e formulário para contato.

    • HTML
    • Less
    • JavaScript
    • Gulp
  • Visualização do projeto em smartphone, tablet e desktop

    Metronome

    Metrônomo com diversas configurações. Além do andamento, é possível definir a fórmula de compasso, quantidade de compassos a serem executados, limite de tempo em minutos e controlar o volume dos tempos, contratempos e tercinas separadamente.

    • HTML
    • CSS
    • JavaScript

Habilidades

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Tailwind
  • CSSinJS
  • Storybook
  • TestingLibrary
  • Cypress
  • Git
  • Strapi
  • GraphQL
  • Apollo
  • LESS
  • Figma
  • Photoshop

Certificados