Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/marcosmaio/space-tourism


https://github.com/marcosmaio/space-tourism

Last synced: 23 days ago
JSON representation

Awesome Lists containing this project

README

        

# Space Tourism

OBS: O site foi feito para concluir o desafio do site Front-End Mentor queo objetivo no caso era fazer a aplicação com base nos requisitos ultilizar algumas tecnologias e seguir o template, fiz algumas mudanças em designer e interações a mais porém o template segue em base oque foi pedido.

Este repositório contém o código-fonte e recursos para o site Space Tourism, uma plataforma que brinca com a ideia de viajar para outros planetas. O site é projetado para proporcionar uma experiência divertida e informativa sobre a exploração do espaço. Os usuários podem explorar informações sobre destinos, tripulantes e espaçonaves.

![site illustrato](https://lh3.googleusercontent.com/pw/ADCreHchpGr5aJGNDFB_ORDfqOkeFDlUpXNFGF49hAWrG-N9IjG_9EwY4Iog7c5J7X69TK3yK5PzcYlNPe9KWuysGYttLGURZHJNc81SZ2blfUC-p1xpcYRpE-M6rtLK5lYXvTSeaMiDYjLzLJbVqZ8riAFH=w1441-h828-s-no?authuser=1)

## Página Inicial

A página inicial é o ponto de entrada do site e apresenta aos visitantes a emocionante ideia de viajar para outros planetas. Um título cativante e um texto introdutório incentivam os usuários a explorar as opções disponíveis. A barra de navegação na parte superior permite que os usuários acessem outras seções do site.

## Destinos

A seção "Destinos" oferece aos usuários a oportunidade de escolher o destino para sua viagem espacial. O site apresenta todos os planetas do sistema solar como opções. Quando um planeta é selecionado na barra de navegação, uma animação exibe o planeta entrando em cena, juntamente com informações relevantes, como:

- Data da primeira visita ao planeta por sondas.
- Distância entre a Terra e o planeta escolhido.
- Estimativa de tempo de viagem até o planeta.

Esta seção é rica em conteúdo interativo e educativo, permitindo que os visitantes explorem os diferentes planetas e suas características.

## Tripulantes

Na seção "Tripulantes", os visitantes têm a oportunidade de conhecer os membros da equipe que os acompanharão em sua jornada espacial. Os tripulantes incluem nomes famosos que atuam como astronautas e profissionais da NASA. Cada tripulante é apresentado com:

- Fotografia.
- Nome.
- Pequena descrição de sua experiência e conquistas.

Essa seção adiciona um toque pessoal à experiência, permitindo que os usuários se sintam mais conectados à equipe.

## Espaçonaves

A seção "Espaçonaves" apresenta as naves espaciais que serão usadas para a viagem ao planeta escolhido. Os visitantes podem ver imagens simulando o lançamento dos foguetes espaciais. Essa seção proporciona uma sensação de empolgação e realismo à experiência, ao mesmo tempo que apresenta informações técnicas sobre as naves.

## Tecnologias Utilizadas

- HTML
- CSS
- Sass
- JavaScript
- React