Palhanor / Portfolio

Website desenvolvido como portfólio profissional e vitrine para projetos pessoais na área de desenvolvimento de softwares.

Home Page:https://lucaspalhano.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sobre o Portfólio

Este projeto é a consolidação de meu portfólio profissional, visando servir como um repositório e vitrine para meus projetos e artigos. Através deste pretendo centralizar todas as informações pertinentes acerca dos avanços na minha carreira de desenvolvedor de sistemas.


Tecnologias Utilizadas

  • NextJS: O Framework base sobre o qual este projeto foi construido. Por compor diversas soluções embarcadas, tais como o sistema de rotas e de API, torna-se uma grande ferramenta de abstração de soluções para sistemas Front-end, principalmente a partir de sua versão 13.
  • TypeScript: A linguagem de programção base do projeto é o TypeScript, visando permitir mais previsibilidade no tratamento de dados e maior capacidade de escalar o projeto com consistência e simplicidade na correção de eventuais erros estruturais.
  • TailwindCSS: A estilização ficou a cargo da biblioteca TaiwlindCSS, que é muito eficaz em criar estilos avançados de forma relativamente simples. Através desta é possível fazer sistemas responsivos e reativos, sem o engessamento de outras bibliotecas de estilização do React como o Bootstrap. Para tentar mitigar a verbosidade das classes atribuidas aos elementos da página, foi estabelecido uma estrutura de importação dos estilos no formato de objetos a partir dos arquivos style.ts.
  • Markdown: Esta notação foi utilizada para compor a descrição dos projetos dentro de suas respectivas páginas, sendo renderizado através do Readme extraído diretamente de cada repositório de projeto vindo do GitHub.

Próximos Passos

  • Trocar a imagem de background do banner por um gradiente generativo

  • Criar Hooks personalizados para abstrair complexidades locais

  • Adicionar mais projetos pessoais: Searchin, Splittyn, Pokedex...

  • Fazer os ajustes para a versão mobile do sistema

  • Fazer deploy do sistemas através da Vercel

  • Consumir a API do prório NextJS dentro dos componentes

  • Pegar os Readmes para exibir dentro das páginas dos projetos

  • Finalizar o componente do Readme, aplicando a renderização de Markdown

  • Ajeitar o design da página de projetos para desktop e mobile

  • Cortar o vídeo do QR Key para remover dados pessoais

  • Reescrever os README dos projetos que vão ser exibidos nas páginas de projetos

  • Adicionar mais dados na API dos projetos para popular com mais informações relevantes (se tiverem - criação e afins)

  • Tentar receber os dados do projeto como parâmetro para não precisar de um novo fetch

  • Usar Route Handles ao invés de API Pages

  • Acabar de organizar a tela de projetos (unificar o layout)

  • Ajeitar os outros vídeos de apresentação dos projetos (Notely, QR Key e Pokemon)

  • Encontrar um lugar para colocar os contatos na versão mobile (github, linkedin, medium)

  • Adicionar o campo de contatos com e-mail e caixa de mensagens diretas (como evitar problemas de anonimicidade?)

  • Inserir um campo com as certificações que eu tenho (Alura, LinkedIn, FreeCodeCamp, HackerRank, DIO e afins)

  • Usar o sistema de revalidate para otimizar o sistema e as requisições

  • Criar uma sistema modular para a busca e filtro (encapsular states, funções e estilo servindo tanto para posts quanto para projects)

  • Extrair mais funções parar arquivos externos, principalmente as reutilizadas (utils ou hooks)

  • Tentar pegar dados da API do Medium (pegar e parsear o XML)

  • Melhorar o padrão de projetos do sistema (estrutura de diretórios)

  • Tentar fazer o deploy diretamente pela hostinger no meu domínio lucaspalhano.com.br (usar o bundle)

  • Pegar os artigos importados do XML do Medium diretamente para uma página local

About

Website desenvolvido como portfólio profissional e vitrine para projetos pessoais na área de desenvolvimento de softwares.

https://lucaspalhano.vercel.app


Languages

Language:TypeScript 94.7%Language:CSS 3.7%Language:JavaScript 1.6%