Portfólio Pessoal

English Version

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:

Requisitos

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;

Extra:

• A página deve conter um botão que permita visualizar, em uma nova aba, uma versão em PDF do seu currículo.

Tecnologias

Entrega de Projeto ✔️

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:

Personal Portfolio

Versão em Português