Meu portfólio é uma aplicação web em React.js que apresenta minhas habilidades, experiências e projetos desenvolvidos. O aplicativo é responsivo e se adapta a diversos tamanhos de tela, desde dispositivos móveis até telas maiores. Ele também possui temas claro e escuro e muda para um cabeçalho superior com menu "hamburger" quando a largura da tela é inferior a 768 pixels.
- Veja o post sobre a aplicação no LinkedIn aqui.
- Acesse o deploy da aplicação aqui
Informações para utilizar a aplicação no deploy
- Não precisa logar, basta acessar e navegar.
- Portfólio de Samuel Covalero
- Visualização
- Contexto
- Tecnologias e Ferramentas Utilizadas
- Instalação e Execução
- Notas
O meu Portfólio é um espaço onde compartilho minhas habilidades, experiências e projetos desenvolvidos. O aplicativo é dividido em seções que apresentam informações sobre mim, alguns projetos que desenvolvi, habilidades técnicas, linguagens e tecnologias que conheço, estou estudando e pretendo aprender, acesso ao meu currículum e como entrar em contato comigo.
Este projeto utiliza as seguintes tecnologias e ferramentas:
- React.js | Biblioteca para criar interfaces de usuário.
- Styled Components | Biblioteca para estilização do CSS.
- Context API | API utilizada para gerenciamento de estado.
O React.js foi escolhido como biblioteca para criar interfaces de usuário devido à sua popularidade, facilidade de aprendizado e ampla comunidade de desenvolvedores, facilitando a busca por soluções para problemas comuns. Já o Styled Components, que permite escrever o CSS em formato de componente, torna o código mais legível e fácil de entender. Por fim, a Context API foi utilizada para gerenciamento de estado, permitindo compartilhar informações importantes da aplicação entre diferentes componentes sem a necessidade de passá-las manualmente através de props, resultando em um código mais limpo e fácil de compreender.
Esta aplicação possui um Dockerfile e pode ser executada usando o Docker ou diretamente no seu ambiente de desenvolvimento. Siga as instruções abaixo de acordo com a sua preferência.
git clone git@github.com:imsamuelcovalero/imsamuelcovalero.github.io
cd imsamuelcovalero.github.io
npm install
cd imsamuelcovalero.github.io
npm start
Se você deseja utilizar o Docker para rodar a aplicação, siga os passos abaixo:
-
Construa a imagem do Docker com o comando:
docker build -t <nome-da-imagem> .
Substitua<nome-da-imagem>
pelo nome que deseja dar à imagem do Docker. Não esqueça do ponto no final, pois ele indica o caminho do Dockerfile. -
Execute o container pela primeira vez utilizando o comando:
docker run -d --name <nome-do-container> -p <porta-local>:3000 -v $(pwd):/app <nome-da-imagem>
Substitua<nome-do-container>
pelo nome que deseja dar ao container e<porta-local>
pela porta em que deseja executar o aplicativo no localhost. Lembre-se de usar o mesmo<nome-da-imagem>
utilizado no passo anterior. -
Para as próximas vezes em que desejar executar a aplicação, utilize o comando:
docker container start <id-container ou nome-do-container>
Substitua<id-container ou nome-do-container>
pelo ID ou nome do container criado anteriormente.
Agora, você pode acessar a aplicação no seu navegador através do endereço http://localhost:<porta-local>/
.
Este projeto utilizou a Especificação de Commits Convencionais, com alguns tipos da convenção Angular. Além disso, foi utilizado o pacote conventional-commit-cli para ajudar a seguir a convenção de commits. É importante utilizar a convenção de commits em projetos para manter o histórico de commits organizado e facilitar a leitura e o entendimento do que foi desenvolvido.
- O projeto foi desenvolvido seguindo os padrões de Clean Code especificados pelo Lint do Airbnb.