NASA-Astronomy-Picture-Of-The-Day

This project was made with the APOD API from NASA. Find NASA API's here: https://api.nasa.gov/

I made this project to practice with API data and to practice with POST so you can leave messages.

How does it work?

Everyday NASA chooses a picture to be the picture of the day. You can choose with the date picker which date you want to see the picture of. If you want to comment on a picture, you could do so in the comment section.

Live link

https://nasa-astronomy-picture-of-the-day.onrender.com/

Tools

I used the following things:

• Node.js
• EJS
• CSS
• JavaScript
• Express
• Nodemon
• Dotenv
• Gitignore
• express-xss-sanitizer (to prevent Cross Site Scripting (XSS) attack)
• HTML popover

Sources

NASA API:

• https://api.nasa.gov/

API for POSTing messages:

• https://retool.com/api-generator/

Preventing double posts on forms:

• https://www.bram.us/2020/11/04/preventing-double-form-submissions/

To host my project:

• https://render.com/

Coolors helped me in finding some colors:

• https://coolors.co/

express-xss-sanitizer

• https://www.npmjs.com/package/express-xss-sanitizer

I also asked chatGPT for help sometimes