Olá! Seja muito bem vindo(a)!
Aqui estão reunidos todos os detalhes deste meu mais novo Projeto/ Portfólio.
No ano passado, eu vinha trabalhando no desenvolvimento de um Projeto de Portfólio, minha ideia era de reunir as minhas principais habilidades neste projeto.
Sua primeira versão foi criada e desenvolvida inteiramente com JavaScript, HTML e CSS, que eram as tecs que eu mais tinha familiaridade naquele momento.
Porém, devido à rotina de trabalho e aos estudos da faculdade, acabei cometendo o erro de não dar continuidade ao desenvolvimento deste Projeto de Portfólio.
Este ano, resolvi tirar essa ideia do baú e de uma forma muito melhor. Neste novo portfólio, cada detalhe, desde o mais simples ao mais complexo, foi planejado e desenvolvido do zero.
Comecei então a trabalhar em algo novo, do zero e com as minhas principais habilidades que tenho conhecimento até o momento.
Utilizei Tecs estas, como:
React.JSpara desenvolver a interface de usuário,TypeScriptpara adicionar tipagem aos dados, garantinndo uma base sólida e facilidade na manutenção do código,Styled Componentspara a estilização de cada componente, garantindo uma experiência visual única,React Iconscom base na biblioteca Font Awesome para implementar os ícones do projeto,Axiospara lidar com requisições HTTP,Formik e Yupusei desta combinação para lidar com o formulário de contato e sua validação,Typed.JSpara adicionar uma bela animação na tela inicial do Portfólio,Toastifypara exibir notificações de status personalizadas.
E foi assim que esse projeto foi Criado/ Desenvolvido! Meu intuito era o de alinhar a prática com os meus estudos e criar algo legal, sem pressa e sem data apertada para 'entrega da demanda'. Neste meu portfólio, cada detalhe, desde o mais simples ao mais complexo, foi pensado e desenvolvido do zero.
Foi um desafio que achei particularmente INCRÍVEL! Aprendi diversos recursos novos, testei diversas Libs e Tecs diferentes. E sem dúvidas, uma das melhores partes, foi aprimorar o meu conhecimento com o desenvolvimento de cada parte deste Projeto.
Bom, sem mais demoras, abaixo segue diversas informações bem legais a respeito deste projeto, como as principais Tecs que usei e todos os demais detalhes relacionados a ele.
Quaisquer dúvidas, existem diversas formas de entrarmos em contato, sinta-se a vontade para utilizar a que lhe for melhor, retornarei o contato assim que eu puder.
Este Portfólio foi criado visando a sua responsividade para acesso tanto por meio de dispositivos Desktop, como tambem por dispositivos Mobile.
Implementei uma abordagem de design responsivo que se ajusta dinamicamente às características de visualização dos dispositivos móveis,
proporcionando uma navegação suave e uma apresentação visualmente atraente em qualquer dispositivo.
Desde a disposição dos elementos até o dimensionamento das imagens e a legibilidade do texto,
cada detalhe foi otimizado para garantir uma experiência consistente e intuitiva, independentemente do dispositivo utilizado.
Aqui estão algumas capturas de tela do projeto em ambiente Desktop e Mobile.
*Aplicação em ambiente desktop.*
*Adição em ambiente mobile.*
Aqui estão as principais Tecs implementadas neste projeto:
React.JS- Biblioteca principal para o desenvolvimento da interface de usuárioTypeScript- Adiciona tipagem estática aos dados, melhorando a robustez e a manutenção do códigoStyled Components- Utilizado para estilização dos componentesReact Icons- Fontawesome - Icones do projeto, com base na biblioteca Font AwesomeAxios- Biblioteca utilizada para fazer requisições HTTPFormik + Yup- Combinação de bibliotecas para a criação de formulários e validaçõesTyped.JS- Biblioteca de animações da tela inicialReact Toastify- Utilizado para exibir notificações de status personalizadas
