https://github.com/pedro-isidoro/portfolio

Reconstrui meu antigo portifólio, trazendo meus novos conhecimentos adquiridos com o tempo de estudo, esforço e prática.
https://github.com/pedro-isidoro/portfolio

css3 emailjs git github html5 javascript npm react react-hook-form react-router visual-studio-code vite

Last synced: 11 days ago
JSON representation

Reconstrui meu antigo portifólio, trazendo meus novos conhecimentos adquiridos com o tempo de estudo, esforço e prática.

• Host: GitHub
• URL: https://github.com/pedro-isidoro/portfolio
• Owner: pedro-isidoro
• Created: 2023-11-04T15:30:44.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-05T18:37:26.000Z (3 months ago)
• Last Synced: 2024-09-06T08:18:52.190Z (2 months ago)
• Topics: css3, emailjs, git, github, html5, javascript, npm, react, react-hook-form, react-router, visual-studio-code, vite
• Language: CSS
• Homepage: https://my-portfolio-m1d0y7oi4-pedro-isidoros-projects.vercel.app/
• Size: 195 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Portifolio

## Objetivo

- Reconstruir meu antigo portifólio, trazendo meus novos conhecimentos adquiridos com o tempo de estudo, esforço e prática.

- Ter páginas para:

    - Sobre.

    - Tecnologias que aprendi.

    - Estudos.

    - Projetos já feitos.

    - Redes de contato.

## Tecnologias Utilizadas

### Linguagens

- HTML

- CSS

- JavaScript

### Bibliotecas

- React + Vite

- React Hook Form

- EmailJS

- React Rounter

## Desafios

- A priori como qualquer projeto, seria o desafio de construir meu primeiro projeto React do zero, de forma que fique um código limpo e compreensível. 

- Conseguir enviar as informações inseridas no formulário por email.

- Sua responsividade nos diversos tipos de tela.

- Criar um código com Map para mostrar os cards de Hard-skills e projects

## Soluções

- Se utilizando do estudo da Biblioteca React Hook Form, consegui usá-la, e a seus diversos métodos e ferramentas, para realizar validações para as entrada de texto e armazenamento do mesmo.

- E juntamente da Biblioteca EmailJS, com esses dados armazenados pelo Hook Form, utilizei suas ferramentas e métodos para enviar as informações inseridas pelo usuário, por email para a agência.

- Criar 4 arquivos .JSON com os detalhes dos cards, puxar eles com UseEfect e UseState.

## Resultado



### Responsivo