Meu portfólio como Desenvolvedora Web Full Stack
Aplicação React 🎉
Para instalar as dependências e iniciar a aplicação React, execute os comandos na ordem a seguir:
cd src
cd portfolio
cd npm install
cd npm start
Visando oferecer um Software de melhoria continua, considerando o ciclo do desenvolvimento MVP onde é realizada a análise do retorno dos clientes a cada nova entrega e ajustes nas funcionalidades existentes ou desenvolvimentos de novas funcionalidades, a seguir listo uma série de etapas futuras a serem realizadas no projeto, o que forma um backlog do produto. Sinta-se a vontade para contribuir com essa lista.
Breakpoints comuns em termos de larguras dos dispositivos:
-
Tema claro com botão para alternar entre ligth e dark mode;
-
Header transparente após scroll;
-
Desenvolver um Easter Egg na página NotFound;
-
Implementar o Loading (analisar se dá pra incluir meu Avatar);
-
Paginação em Projects (10 cards por página);
-
Header apenas com ícones e uma indicação extra para expandir o menu e aparecer o nome das páginas após os links;
-
Mode active button in the header navigation;
-
Gitmoji Tela Projects:
-
Background color da imagem do card;
-
Animação na imagem do card;
-
Elementos da tela aparecerem aos poucos durante o scroll;
-
Alterar icone de rede social no hover;
-
Implementar página de artigos que eu escrevi e outros materiais que criei/fiz parte;
-
Desenvolver página de recomendações de livros;
-
Observar outros pontos que posso aplicar;
-
Linha do tempo de atuação profissional + formação acadêmica;
-
Novas cores para o branding
-
.newBranding { /* Preto */ color: #000408;
/* Roxo */ color: #21094C, #3F1555, #5E1498, #B604DC; color: #7b32f5, #713497, #8943b6, #3c006c, #8905a3;
/* Verde */ color: #E7E264, #C2BF03, #F0EC75, #F4F51C, #6BDA3B, #BFDB07, #E2D90E, #EAE63B, #D9EC74, #A1BE34, #D9E266, #9BED58; color: #ddd032, #e2fb14, #e6d829, #e5dc0d, #4fc121, #399a16, #2e7516, #def526, #95af01, #f4f41b, #d8cc1a, #c2dd3e, #a4c31f, #809b15, #758d23, #d2d738, #c8c62a, #83e239, #63c81a, #4a9f11, #3a7912, #316014, #2b5215, #132d06;
/* Marrom */ color: #DFB692, #E8D6C6; color: #d19166, #c77648, #b9623d, #9a4e34, #7c4030, #653529, #361a14;
color: #3c006c, #9a4e34, #399a16, #e2fb14; }
-
Inspirações para a V4:
-
Visual do VS Code: https://victor-aremu.firebaseapp.com/
-
Terminal: https://utkarshs-terminal.netlify.app/
Portfólio desenvolvido por Klecianny Melo 😁