Portfólio criado em React, como projeto final do Ciclo Formativo PretaLab.
O objetivo desse projeto era criar uma landing page, com um menu interativo em que a pessoa usuária pudesse navegar para outras seções do meu portfólio. Utilizei o banco de dados não relacional, firebase da google, para persistir os dados enviados na página de contato. Utilizei o react-router-dom para criar as rotas da minha aplicação. Utilizei a biblioteca de imagens "https://undraw.co/". Utilizei o phosphor e o react-icons para os icones das páginas de contato e comentários. Utilizei localStorage, para armazenar os dados da página de comentários, no meu computador. Logo, se você for utilizar, esses comentários irão persistir em seu localStorage. Utilizei o vercel para realizar o deploy.
Link da página no Vercel:
https://portfolio-react-cgs5.vercel.app/
| Ferramenta | Descrição |
|---|---|
ReactJS |
framework web |
Vite |
gerador de projeto de front-end |
Firebase |
Banco de dados não relacional, para persistir os dados |
Phosphor |
Dependência com icones super legais |
React Icons |
Dependência para utilizar icones |
React Router Dom |
Dependência para criar rotas |
npm |
gerenciador de pacotes |
Vercel |
Hospedagem para a aplicação, fiz o deploy integrado com o github |
Github |
Hospedagem do código fonte integrado com gerenciador de versionamento |
|
Siga os passos e inclua as informações abaixo:
| Passo | Comando/informação |
|---|---|
| Faça o fork | botão de forkar |
| Faça o clone | git clone |
| Crie as variáveis de ambiente | estão no .env.example |
| Instale as dependências após acessar a pasta projeto | npm i |
| Rode o projeto | npm run dev |
|
- Incluir Testes utilizando o vitest.
- Revisar acessibilidade.
- Revisar responsividade.
- Melhorar a paleta de cores.
- Melhorar o layout.
- Adicionar novas seções.