🪐 APOD NASA 🚀

📖 Aprendendo um pouco sobre requisição de API's

Projeto realizado com a utilização da biblioteca JavaScript - jQuery

---

🚀 Demo ao Vivo

Acesse a aplicação em produção: https://leoachaves.github.io/ApodNasa/

---

🌙 Introdução

A "Astronomy Picture of the Day" (APOD) é uma API disponibilizada pela NASA que fornece uma foto ou vídeo, diariamente, para que as pessoas consigam descobrir um pouco mais sobre o espaço.

---

✨ Funcionalidades

• 🌌 Exibe a imagem ou vídeo astronômico do dia
• 📅 Busca por data específica (até a data atual)
• 🖼️ Suporte a mídia mista (imagens e vídeos do YouTube/Vimeo)
• 📝 Mostra título, data, descrição e créditos da imagem
• 🎨 Design responsivo com menu dropdown estilo NASA
• ⚠️ Tratamento de erros para datas inválidas ou sem conteúdo

---

🛠️ Tecnologias Utilizadas

Tecnologia	Descrição
HTML5	Estrutura da página
CSS3	Estilização e responsividade
JavaScript (ES6+)	Lógica da aplicação
jQuery 3.6.0	Requisições AJAX e manipulação do DOM
NASA APOD API	Fonte dos dados astronômicos
GitHub Pages	Hospedagem

---

📁 Estrutura do Projeto

ApodNasa/
├── index.html                 # Página principal
├── src/
│   ├── CSS/
│   │   ├── apodStyle.css      # Estilos principais
│   │   └── mobile.css         # Estilos responsivos
│   ├── JS/
│   │   └── apodScript.js      # Lógica e requisições à API
│   └── assets/
│       ├── nasa-logo.svg      # Logo da NASA no header
│       └── readme.png         # Banner do README
└── README.md                  # Documentação

---

💻 Como Usar

Acessar online

Acesse: https://leoachaves.github.io/ApodNasa/

Executar localmente

1. Clone o repositório:

git clone https://github.com/LeoAChaves/ApodNasa.git
cd ApodNasa

2. Abra o arquivo index.html no navegador

⚠️ Importante: A API Key utilizada no código é pública. Para uso intensivo, recomenda-se obter sua própria chave gratuitamente em api.nasa.gov.

---

🎯 Funcionamento da Aplicação

Fluxo principal

1. Ao carregar a página, a aplicação faz uma requisição à API da NASA para obter a imagem/vídeo do dia atual
2. O usuário pode selecionar uma data específica no campo de data
3. Ao clicar em "Enter", uma nova requisição é feita com a data selecionada
4. Os dados são exibidos na tela:
   • Título da obra
   • Data
   • Mídia (imagem ou vídeo)
   • Créditos (copyright ou "Public Domain")
   • Descrição/explicação

Tratamento de erros

• Datas inválidas (futuras ou sem conteúdo): exibe mensagem de erro e destaca o campo em vermelho
• Falha na requisição: feedback visual para o usuário

---

🔧 Personalização

Alterar a API Key

No arquivo src/JS/apodScript.js, substitua a chave na URL:

url: "https://api.nasa.gov/planetary/apod?api_key=SUA_CHAVE_AQUI&date=" + dataSelecionada,

Obtenha sua chave gratuitamente em: https://api.nasa.gov/

Alterar estilos

Modifique os arquivos na pasta src/CSS/:

• apodStyle.css - Estilos principais
• mobile.css - Estilos responsivos para dispositivos móveis

---

🧪 Exemplos de Uso

Ação	Resultado
Abrir a página	Exibe APOD do dia atual
Selecionar data 2021-12-25	Exibe a imagem do telescópio James Webb (lançamento)
Selecionar data futura	Exibe mensagem de erro
Dia com vídeo (ex: 2021-11-19)	Exibe player de vídeo embutido

---

🌱 Desenvolvido por

Leonardo de Almeida Chaves ✈️

---

📝 Licença

Este projeto está sob a licença MIT.

---

🙏 Agradecimentos

• NASA - Por disponibilizar a API APOD gratuitamente
• Resilia Educação - Pelo projeto didático

---

🌌 Acessar APOD NASA


"O céu nos chama. Se não nos destruirmos, um dia iremos até as estrelas."
Desenvolvido com 🚀 e 🪐.

---