Portfolio-Danielcsxx

---

🧠 Desenvolvimento e Desafios

---

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.JS para desenvolver a interface de usuário,
• TypeScript para adicionar tipagem aos dados, garantinndo uma base sólida e facilidade na manutenção do código,
• Styled Components para a estilização de cada componente, garantindo uma experiência visual única,
• React Icons com base na biblioteca Font Awesome para implementar os ícones do projeto,
• Axios para lidar com requisições HTTP,
• Formik e Yup usei desta combinação para lidar com o formulário de contato e sua validação,
• Typed.JS para adicionar uma bela animação na tela inicial do Portfólio,
• Toastify para 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.

---

🎯 Responsividade

---

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.

---

🔗 Acesso

---

Link do Portfólio

Status do Deploy

---

📷 Capturas de Tela

Aqui estão algumas capturas de tela do projeto em ambiente Desktop e Mobile.

---

---

---

---

💻 Tecnologias Utilizadas

---

Aqui estão as principais Tecs implementadas neste projeto:

• React.JS - Biblioteca principal para o desenvolvimento da interface de usuário
• TypeScript - Adiciona tipagem estática aos dados, melhorando a robustez e a manutenção do código
• Styled Components - Utilizado para estilização dos componentes
• React Icons - Fontawesome - Icones do projeto, com base na biblioteca Font Awesome
• Axios - Biblioteca utilizada para fazer requisições HTTP
• Formik + Yup - Combinação de bibliotecas para a criação de formulários e validações
• Typed.JS - Biblioteca de animações da tela inicial
• React Toastify - Utilizado para exibir notificações de status personalizadas

---

🚀 LinkTree para Contato

---