Neste projeto, foi desenvolvida uma aplicação web em React que apresenta informações detalhadas sobre o Sistema Solar e missões espaciais. A aplicação oferece uma experiência interativa para explorar fatos interessantes sobre planetas e missões espaciais, proporcionando um aprendizado envolvente sobre o tema.
No decorrer deste projeto, uma variedade de componentes em React foram meticulosamente criados, com o propósito de formar uma aplicação web que oferece uma rica fonte de informações acerca do Sistema Solar e missões espaciais. Dentre os principais componentes desenvolvidos, destacam-se:
-
Header:
- Um componente que renderiza o título principal da página, "Sistema Solar".
- É renderizado no componente principal
App
.
-
SolarSystem:
- Um componente que envolve o conteúdo relacionado ao Sistema Solar.
- Renderizado abaixo do componente
Header
dentro do componente principalApp
.
-
Title:
- Um componente que recebe a prop
headline
e renderiza um título. - Utilizado para criar títulos em diferentes partes da aplicação.
- Um componente que recebe a prop
-
PlanetCard:
- Um componente que recebe as props
planetName
eplanetImage
e renderiza informações sobre planetas do Sistema Solar. - Utilizado para criar cards informativos sobre planetas.
- Um componente que recebe as props
-
Missions:
- Um componente que envolve o conteúdo relacionado a missões espaciais.
- Renderizado abaixo do componente
SolarSystem
dentro do componente principalApp
.
-
MissionCard:
- Um componente que recebe as props
name
,year
,country
, edestination
e renderiza informações sobre missões espaciais. - Utilizado para criar cards informativos sobre missões espaciais.
- Um componente que recebe as props
Este projeto é uma aplicação web em React e pode ser utilizado da seguinte forma:
- Clone o repositório para o seu computador.
- Navegue até o diretório do projeto.
- Instale as dependências do projeto utilizando npm ou yarn.
- Inicie a aplicação.
- A aplicação estará disponível em seu navegador no endereço
http://localhost:3000/
.
A partir deste ponto, você pode explorar as informações sobre planetas do Sistema Solar e missões espaciais apresentadas na aplicação.
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
- React: Utilizado como framework para o desenvolvimento da aplicação web.
- CSS3: Utilizado para estilizar a página e torná-la visualmente atraente.
Essas tecnologias foram combinadas para criar uma aplicação web interativa e informativa sobre o Sistema Solar e missões espaciais.
- [Pedro Henrique] - [pedrohalmeidamendonca@gmail.com]
- GitHub
Nota: Este projeto foi desenvolvido como parte do curso da Trybe e tem como objetivo demonstrar habilidades em React e CSS. Sinta-se à vontade para explorar e entre em contato se tiver alguma pergunta ou feedback!