/Portfolio-Rafael-Peres

Portfólio Pessoal proposto pela Oracle ONE + Alura Challenges!

Primary LanguageHTML

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:

Figma

Você pode acessar a aplicação no Github Pages através do link:

GitHub

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

image image

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: Badge Entrega Portfólio



Personal Portfolio

Versão em Português