Site do meu portfólio de projetos, desenvolvido com a biblioteca React, com o objetivo de mostrar minhas habilidades técnicas como Desenvolvedor Front-End. O projeto é uma Landing-Page interativa, que mostra os projetos conforme as seleções que o visitante fizer.
O projeto é uma Single-Page Application feita com componentes React e estilizados com TailwindCSS. O TypeScript foi utilizado para declarar os tipos das variáveis JavaScript e dos objetos armazenados no banco de dados.
Foi utilizado o framework NextJS para criar o projeto e atender às novas recomendações da documentação do React. O NextJs também ofereceu outros recursos extras, que o React puro não possui, como a renderização do lado do servidor (Server-Side Rendering - SSR).
As informações dos projetos foram salvas em um banco de dados do Firebase, desse modo não será necessário fazer um novo deploy do site, toda vez que eu quiser cadastrar um projeto novo.
A primeira sessão Sobre mostra minha foto e um pouco das minhas habilidades pessoais, que eu adquiri ao longo dos meus anos de experiência no mercado de trabalho. O Header da página some quando o visitante rola a página para baixo e reaparece quando rola a página para cima.
A segunda sessão Projetos divide meus projetos em Pessoais, Bootcamp e Cursos e permite o visitante filtrar os projetos conforme a tecnologia utilizada neles. Logo abaixo são mostrados os projetos correspondentes aos filtros definidos.
A terceira sessão Educação mostra minhas formações acadêmicas como Engenheiro Civil e os curso de Desenvolvimento Front-End que concluí, com seus respectivos certificados.
A quarta e última sessão Contato mostra minhas redes sociais e o meu e-mail para contato.
Caso você seja um desenvolvedor, use as instruções abaixo para instalar as dependências e sugerir alterações para a aplicação.
É possível verificar o conteúdo de cada versão, selecionando a branch específica e o histórico de commits.
Após baixar o projeto deste repositório, dentro do diretório do projeto você deve usar o comando npm install em um terminal, para gerar a pasta node_modules.
npm installConcluída a instalação das dependências do projeto, use o comando npm run dev para visualizar a aplicação na porta localhost:3000.
npm run devA página irá recarregar a cada alteração feita no código e mostrará eventuais erros no console.
É recomendado que você use o comando npm run build antes de fazer um commit, para verficar a ocorrência de erros na aplicação e garantir o deploy da aplicação.
npm run buildClique nas versões abaixo, para observar a evolução do projeto ao longo do tempo.
| Versão | Update |
|---|---|
| main | Primeira versão do projeto: Filtro de tecnologias para visualizar os projetos e utilização do Content Management System (CMS) para atualizar o site, sem precisar fazer o deploy novamente. |