Meu Maior obejtivo para o Design da página era que fosse responsiva para mobile e desktop principalmente, foi algo que acabou consumindo muito mais tempo do que eu planejava para terminar o projeto, pois tive que aprender como juntar o react e o bootstrap e como estava fazendo tudo pela documentação acabei demorando para ficar sabendo sobre o react-bootstrap.😓

Iniciei decidindo a paleta de cores que iria utilizar, procurei por cores complementares e que também fossem contrastantes o suficiente para prender a atenção mas também me representasse de forma sutil. Para isso utilizei o Pigment (Port Gore / Careys Pink)

Um dos meus objetivos era criar uma logo, minimalista, onde eu pudesse brincar com as letras formando algum desenho e consegui! Formei uma ampulheta com minhas iniciais V e A, também utilizando a paleta que achei. Esse foi o resultado:

Também fiz um protótipo no Figma

Pesquisei bastante sobre como ser clara e objetiva com meus conteúdos principalmente para atrair atenção e não ser apenas um monte de texto que ninguém quer ler. Fiz um texto base e fui refinando várias vezes ao longo do desenvolvimento, diminuia o texto, adicionava coisa nova, mudava a ordem, enfim, diversas alterações até chegar num ponto onde para mim estava objetivo e ainda assim completo o bastante para passar a ideia certa.

Uma coisa que me incomodava muito e eu me sentia presa a essa forma era a "lista de skills", é um clássico de currículos e portfolios e eu até então não tinha achado nada para substituir de forma tão clara e objetiva quanto, então a partir de um tweet achei uma alternativa que eu achei legal e apliquei para diversificar um pouco a forma como o conteúdo é apresentada, não quero que meu portfolio fique parecendo um currículo web, mesmo que seja.🥴

Aqui está o link do tweet que me serviu de inspiração para esta seção: https://x.com/lixeletto/status/1744881776281964710?s=20

Com certeza meus maiores aprendizados foram aprender o básico de react, bootstrap e figma. Para mim a parte mais intrigante foi colocar as rotas certas e montar a estrutura da página utilizando "Row" e "Col", me dei um tempinho rearranjando a página várias vezes para descobrir o formato que mais me agradava.

Uma coisa bem básica que só aprendi durante esse projeto, foi sobre como funcionam Media Queries no CSS, assim percebi quão incompleto as matérias da faculdade são apresentadas, é algo bem simples, muito útil e que mesmo assim nem foi abordado em uma cadeira voltada para a introdução ao front-end.

Minha maior dificuldade do projeto na verdade foi colocar ele no Github pages de forma que o usuário conseguisse fazer a navegação entre as páginas. Isso se deu porque no ambiente local usando apenas o "Router" do react-router-dom tudo funciona perfeitamente, mas no Github Pages não... então tive que mudar para Hashrouter, que não é o recomendado pelo react-router-dom, mas é o único que funcionou. 😅 Por mais que não seja complicado e tenha diversas formas de achar conteúdo sobre isso, algumas configurações acabavam dando conflito e decidi refazer o repositório , até por isso o repositório ficou com esse nome antiormente estava como "Portfolio".

Outros momentos de frustação foi conseguir entender algumas tags do react-boostrap, mas creio que isso faz parte do aprendizado de alguém que não atua em Front-end se aventurando com tecnologias novas.

https://www.freecodecamp.org/portuguese/news/como-fazer-o-deploy-de-uma-aplicacao-do-react-com-rotas-no-github-pages/ --> Um tutorial que me ajudou muito com o problema no Github Pages

https://react-bootstrap.netlify.app/docs/getting-started/introduction/ --> Por onde me guiei para montar a página e deixar ela o mais responsiva possível

https://reactrouter.com/en/main/router-components/hash-router --> Para informações sobre o react-router-dom

https://youtu.be/HZuk6Wkx_Eg?si=kf8eoNnQM3s0YsCO --> Tutorial bem completo para o Figma, me ajudou muito a entender

Aproveitar para agradecer á alguns amigos que foram dando pitacos e dicas de como melhorar durante o desenvolvimento, provavelmente estaria ainda desenvolvendo se não fosse por essa ajuda. Agradeço também por ter tirado um tempinho e dado uma atenção é esse projeto.

De forma geral estou contente com o resultado, mas definitivamente tem muito para melhorar e vou continuar melhorando aos poucos e incrementando, no momento estou aprimorando os projetos que possuo, aplicando justamente todos meus aprendizados.

Estou aberta para qualquer feedback que tenha e para me contatar só mandar um email para: [email protected]