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.
- 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.
-
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