Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marcosmaio/space-tourism
https://github.com/marcosmaio/space-tourism
Last synced: 23 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/marcosmaio/space-tourism
- Owner: MarcosMaio
- Created: 2023-10-16T13:49:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-16T14:49:22.000Z (about 1 year ago)
- Last Synced: 2023-10-17T20:59:57.462Z (about 1 year ago)
- Language: SCSS
- Homepage: https://space-tourism-marcosmaio.vercel.app
- Size: 9.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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