Desenvolvedor Front-End

Olá! seja bem-vindo! 👋 sou o Vitor, Desenvolvedor Front-End apaixonado por transformar ideias em experiências incríveis na web. Tudo isso regado a muito café e uma trilha sonora que vai da paz de um louvor ao caos energético do Rock! ☕🎶

Foto de Perfil
GIT Linkedin

Sobre Mim

Um pouco mais sobre mim: A tecnologia me chamou a atenção de uma forma única. Mas, confesso, demorei um tempo para perceber que a Programação seria o meu verdadeiro caminho. Foi como um clique, algo que fez todo sentido unindo uma paixão junto com os meus dons. Hoje, estou cursando Engenharia de Software e começei no universo do desenvolvimento de interfaces, onde tenho a oportunidade de transformar ideias em experiências visuais incríveis, principalmente com o poderoso ecossistema do React. Mas, como a tecnologia é vasta e não para de evoluir, eu também não quero parar, meu objetivo é ir além do Front-end, explorar e juntar horizontes e continuar aprendendo e crescendo todos os dias. 🚀

Tecnologias

Projetos

The Wild Paradise (Website)

Este projeto Fullstack permite que os clientes reservem e gerenciem suas cabines de luxo de forma simples e intuitiva. O grande desafio foi integrar o front-end e o back-end de maneira otimizada, e o Next.js foi essencial nisso. Ele me ajudou a criar uma aplicação com carregamento rápido graças à renderização server-side, além de otimizar as rotas e a API, garantindo uma experiência de navegação fluida e sem interrupções. A flexibilidade do Next.js também permitiu que eu escalasse a solução facilmente conforme o projeto evoluía.

  • Desenvolvido em Next.js
  • Supabase: Banco de dados usado para armazenar as informações do usuários, cabines e reservas.
  • Next-auth: LIB para autenticação em aplicações Next.js.
  • Tailwind: Framework CSS utilitário para estilização rápida com classes.
  • Outras Libs: React-day-picker, React-hero-icons e date-fns.
Wild-Paradise projeto
Wild-Paradise projeto

The Wild Paradise

O Wild Paradise é site para gestão de hoteleira, projetada para gerenciar operações como estatísticas de vendas, gerenciamento de cabines, usuários e reservas, além de oferecer opções de personalização. Inclui recursos de autenticação e banco de dados próprio.

  • Desenvolvido em React
  • Supabase: Serviço de banco de dados para armazenamento de dados em tempo real.
  • React Query: Lib para busca de dados e gerenciamento de estado.
  • React-Router: Lib para roteamento e navegação SPA em React.
  • Styled-Components: Lib CSS-in-JS para estilização de componentes React.
  • Outras Libs: hot-toast, react-icons, react-hook-form, date-fns, recharts.

Explora Mundo

Aplicativo de registro de viagens em React, integrando mapas interativos para melhor experiência. Utilizei Hooks e Custom hooks, Context API para gerenciamento de estado avançado. Implementei navegação otimizada com React-Router e criei uma API backend personalizada para armazenamento de cidades visitadas

  • Desenvolvido em React
  • Leaflet-React: Lib para integrar mapas interativos em aplicações React.
  • Context API: Funcionalidade do React para gerenciar e compartilhar estado globalmente.
  • React-Router: Lib para implementar navegação e roteamento em aplicações React.
Bikcraft Projeto
Receitando Projeto

Receitando

Receitando foi elaborado para abordar o consumo avançado de APIs, com foco em receitas culinárias e Usando Programação Orientada a Objetos (OOP). O usuário pode pesquisar receitas, manipular ingredientes, criar e compartilhar suas próprias receitas, podem favoritar suas receitas preferidas para acessá-las facilmente a qualquer momento.

  • Desenvolvido em Javascript (ES6+)
  • Sass: Lib para pré-processamento de CSS, adicionando recursos como variáveis e mixins.
  • Parcel: Lib para bundling e empacotamento de módulos JavaScript com configuração mínima.
  • API (Forkify): Uma API para acessar e manipular receitas culinárias em um formato JSON.