claudiadejesusdantas/Third_Project_React

Terceiro Projeto React

Professora Simara 💜 { Reprograma }

Tecnologias usadas:

• CSS
• HTML
• Javascript
• React
• Vue
• Axios
• Vercel
• Node

---

Alguns passos:

Comecei instalando o projeto Vue e React como mostrado no twitter da professora Simara. Esse passo a passo é criar o projeto, excluir pastas e testar com um "Hello React!".

Obs.: Entrar no index.html e alterar o title da página e a lang. Depois disso não se mexe mais nessa pasta.

Depois separei as imagens que seriam utilizadas no projeto utilizando as ilustrações gratuiras do unDraw.

Instalar o:

npm install react-router-dom@6

E usar rotas como no tutorial do github.

Criar o arquivo Router.jsx

Criei o menu e utilizei as rotas, com quatro páginas: Home, Sobre, Portfolio e Contato. Depois de criado essas páginas testar no navegador, para ver se as páginas estão indo para a rota correta.

Criei alguns módulos com props que seriam utilizados várias vezes:

• Photo: contém as imagens principais do site.
• PhotoIcone: contém as imagens secundárias e menores no site.
• Subtitle: Contém os títulos da página < h2 >.
• Paragraph: Contém os textos da página < p >.

Pontos de melhoria:

Colocar as informações salvas pelo input na firebase. Criar um if para os inputs não serem enviados vazios.