https://github.com/dracula27/stargazersapod

Integrate with NASA's API to show the Astronomy Picture of the Day.
https://github.com/dracula27/stargazersapod

100devs api css css-grid css3 html html-css html-css-javascript html-css-js html5 html5-css3 javascript javascript-vanilla js json json-api

Last synced: about 1 month ago
JSON representation

Integrate with NASA's API to show the Astronomy Picture of the Day.

• Host: GitHub
• URL: https://github.com/dracula27/stargazersapod
• Owner: DrAcula27
• Created: 2024-05-11T03:02:47.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-13T20:27:47.000Z (about 2 years ago)
• Last Synced: 2025-12-20T00:15:07.281Z (6 months ago)
• Topics: 100devs, api, css, css-grid, css3, html, html-css, html-css-javascript, html-css-js, html5, html5-css3, javascript, javascript-vanilla, js, json, json-api
• Language: CSS
• Homepage: https://dracula27.github.io/starGazersAPOD/
• Size: 2.25 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          









  

    

  


  
Star Gazers - Astronomy Picture of the Day


  


    Browse all of NASA's Astronomy Pictures of the Day, from June 16, 1995 til today!

    


    View Demo





  Table of Contents

  


    


      About The Project

      


        
Built With

      

    

    
Usage

    
Optimizations

    
Lessons Learned

    
Contact

    
Acknowledgments

  


## About The Project

[![Star Gazers APOD Screen Shot](./screenshot.PNG)](https://dracula27.github.io/starGazersAPOD/)

Have you ever wondered what the night sky looked like on a certain day? Maybe even today?

Look no further! With this app, you can view the universe through NASA. Browse through their daily astronomy pictures to your heart's content!

(back to top)


### Built With

- [![HTML5](https://camo.githubusercontent.com/47e36c9392fe351ab98a0324ca2cb710782731d5a56f71ffe7c68130a1ddc34f/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d48544d4c3526636f6c6f723d323335353566267374796c653d706c6173746963266c6f676f3d68746d6c35)](https://html.spec.whatwg.org/)

- [![CSS3](https://camo.githubusercontent.com/de7f9b7e6e26494153157774db679bba3320e333f8279e98986893d490293732/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d4353533326636f6c6f723d323835663635267374796c653d706c6173746963266c6f676f3d63737333)](https://www.w3.org/Style/CSS/#specs)

- [![JavaScript](https://camo.githubusercontent.com/201c697f87bb2a25af48ccc954f0a3c27409421b3e887b7b8e486222e6c1c6b8/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d4a41564153435249505426636f6c6f723d336337663564267374796c653d706c6173746963266c6f676f3d6a617661736372697074)](https://tc39.es/ecma262/)

(back to top)


## Usage

Use the date-picker at the top of the screen to choose which date you would like to see NASA's officical astronomy picture of the day and click the `Show APOD` button to load the picture or video from that date in history.

(back to top)


## Optimizations

This project can be improved by:

[ ] Refactoring the code to account for errors fetching data

(back to top)


## Lessons Learned

- **Data security.** When uploading code to GitHub, I realized I needed to make sure that important data, like API keys, need to be kept from being uploaded. Therefore, I used NASA's demo API key instead of mine so that anyone can use the hosted version of the app on GitHub Pages without worry.

(back to top)


## Contact

Danielle Andrews - [@DrAcula_codes](https://twitter.com/DrAcula_codes 'Twitter/X') - [daniellerandrews](https://www.linkedin.com/in/daniellerandrews 'LinkedIn') - danielle.andrews.dev@icloud.com

Project Link: [https://github.com/DrAcula27/starGazersAPOD](https://github.com/DrAcula27/starGazersAPOD)

(back to top)


## Acknowledgments

A special thanks to these resources used in the project!

- [NASA APIs](https://api.nasa.gov)

- [GitHub Pages](https://pages.github.com)

- [Font Awesome](https://fontawesome.com)

(back to top)