Skip to content

pedrohxiv/solar-system

Repository files navigation

Projeto Solar System

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.

O que foi desenvolvido

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:

  1. Header:

    • Um componente que renderiza o título principal da página, "Sistema Solar".
    • É renderizado no componente principal App.
  2. SolarSystem:

    • Um componente que envolve o conteúdo relacionado ao Sistema Solar.
    • Renderizado abaixo do componente Header dentro do componente principal App.
  3. Title:

    • Um componente que recebe a prop headline e renderiza um título.
    • Utilizado para criar títulos em diferentes partes da aplicação.
  4. PlanetCard:

    • Um componente que recebe as props planetName e planetImage e renderiza informações sobre planetas do Sistema Solar.
    • Utilizado para criar cards informativos sobre planetas.
  5. Missions:

    • Um componente que envolve o conteúdo relacionado a missões espaciais.
    • Renderizado abaixo do componente SolarSystem dentro do componente principal App.
  6. MissionCard:

    • Um componente que recebe as props name, year, country, e destination e renderiza informações sobre missões espaciais.
    • Utilizado para criar cards informativos sobre missões espaciais.

Como usar

Este projeto é uma aplicação web em React e pode ser utilizado da seguinte forma:

  1. Clone o repositório para o seu computador.
  2. Navegue até o diretório do projeto.
  3. Instale as dependências do projeto utilizando npm ou yarn.
  4. Inicie a aplicação.
  5. 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.

Tecnologias Utilizadas

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.

Contato


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!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published