O desafio proposto pelo programa Oracle ONE + Alura deste mês foi o desenvolvimento do nosso Portfólio Pessoal!
Foi proposto um modelo de portfólio através do Figma, com versões responsivas para Desktop, Table e Mobile e que poderia ser modificado livremente. Você pode acessar o Wireframe através do link:
Você pode acessar a aplicação no Github Pages através do link:
Ainda que modificações no modelo proposto fossem possíveis, foi necessário manter algumas informações que deveriam estar contidas no portfólio:
-
Deve ter um menu de navegação;
-
Deve ter uma imagem que servirá de banner;
-
Deve conter uma seção "sobre mim":
- Deve ter uma foto de perfil;
- Deve incluir um link para as suas redes sociais;
- Deve conter estes dados pessoais:
- Nome;
- Idade;
- Nacionalidade;
- Biografia.
-
Deve ter uma seção de Hobbies e Soft Skills, por exemplo:
- Hobbies: Atividades que você gosta de fazer;
- Soft Skills: Comunicação, liderança, empatia, etc.
-
Deve ter uma seção de formações e cursos;
- Aqui você pode colocar as formações e cursos que você já tenha feito, mesmo que não seja na área da programação.
-
Deve ter uma seção de experiência em programação;
- Aqui você pode colocar os projetos que você já realizou anteriormente, como, por exemplo: os projetos do challenge iniciante em programação.
-
Deve ter um formulário de contato com os campos para:
- Email;
- Nome;
- Assunto;
- Mensagem.
-
Deve ter um rodapé com as informações da pessoa que desenvolveu o portfólio;
- A página deve conter um botão que permita visualizar, em uma nova aba, uma versão em PDF do seu currículo.
Todos os requisitos propostos foram desenvolvidos. Fiz mudanças no visual do projeto para que mantivesse a estética semelhante aos dois outros projetos entregues anteriormente. Fiz uso de uma imagem gif ao invés de um foto estática para adicionar interatividade a página. Modifiquei por ícones os links em forma de texto do projeto original. Criei a logo do portfólio utilizando apenas CSS. Achei importante adicionar uma versão em inglês do portfólio para maior acessibilidade.
Utilizei o FormSubmit para fazer com que o formulário de contato funcionasse de forma simples e segura usando apenas HTML5.
A aplicação é responsiva para os aparelhos propostos no Wireframe e tomei o cuidado de manter os tamanhos de fontes e alturas de linhas, assim como espaçamentos o mais próximo do proposto no wireframe, para exercitar a capacidade de exercutar o projeto seguindo modelos disponibilizados por equipes de design.
Badge de Entrega:
