https://github.com/pedro-isidoro/agency-wga

Um site desenvolvido para uma empresa de gestão de dados com o design de Landing Page.
https://github.com/pedro-isidoro/agency-wga

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

Last synced: 11 days ago
JSON representation

Um site desenvolvido para uma empresa de gestão de dados com o design de Landing Page.

• Host: GitHub
• URL: https://github.com/pedro-isidoro/agency-wga
• Owner: pedro-isidoro
• Created: 2023-10-27T17:15:32.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-12T09:55:24.000Z (10 months ago)
• Last Synced: 2024-01-13T11:29:46.777Z (10 months ago)
• Topics: css3, emailjs, git, github, html5, javascript, npm, react, react-hook-form, visual-studio-code, vite
• Language: CSS
• Homepage: https://agency-wga.vercel.app
• Size: 11.5 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Projeto Agência WGA

## Objetivo

- Criar uma Landing Page para passar informações ao expectador sobre a agência e seus serviços.

- Além de um formulário com seu preenchimento enviado por email para a agência em questão.

    - E após ser enviado, no lugar do formulário aparecerá a mensagem de sucesso.

## Tecnologias Utilizadas

### Linguagens

- HTML

- CSS

- JavaScript

### Bibliotecas

- React + Vite

- React Hook Form

- React Router Dom

- EmailJS

## 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.

- Fazer com que a página toda mude ao clicar no button cadastrar do formulário e no link poliicas de privacidade.

## 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.

- Ultilizar a biblioteca React Router Dom para fazer o direcionamente de páginas, ultilizando um path pré determinado.

## Resultado

- Visual



- Recursos