https://github.com/ns007-dev/nasaskysearch

Using NASA's Picture Of The Day API, I made an app using React.js, that gives you the image of the sky on the date you input.
https://github.com/ns007-dev/nasaskysearch

api components css jsx nasa reactjs

Last synced: about 1 month ago
JSON representation

Using NASA's Picture Of The Day API, I made an app using React.js, that gives you the image of the sky on the date you input.

• Host: GitHub
• URL: https://github.com/ns007-dev/nasaskysearch
• Owner: NS007-dev
• License: mit
• Created: 2021-09-01T19:09:45.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-09-02T14:56:50.000Z (over 3 years ago)
• Last Synced: 2023-08-23T23:37:39.872Z (over 1 year ago)
• Topics: api, components, css, jsx, nasa, reactjs
• Language: JavaScript
• Homepage:
• Size: 6.11 MB
• Stars: 1
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NASA Sky Search! 🌠

- [NASA Sky Search! 🌠](#nasa-sky-search-)

  - [What Did I Use?](#what-did-i-use)

  - [How To Use:](#how-to-use)

- [🌟 DONE!!!](#-done)

  - [See Below for images on how to use!](#see-below-for-images-on-how-to-use)

- [Enjoy!](#enjoy)

## What Did I Use?

- I used [**NASA Picture Of The Day API**](https://api.nasa.gov/)

- I generated an API key, FOR FREE, to get the images.

- I used [**React.Js**](https://reactjs.org/) to build this.

- I used [**JSX**](https://reactjs.org/docs/introducing-jsx.html) to add the Interface.

- Finally, I sprinkled [**CSS**](https://www.w3schools.com/css/) to add *style*.

## How To Use:

1. 🌟 Star the repo, so you don't lose it!

2. 🍴 Fork the repo, to have your own copy.

3. Clone the **Forked** clone to your local PC.

4. Open terminal and go to the cloned repo.

5. Copy all the files.

6. Make a new react app on your PC. Use [this](https://reactjs.org/docs/create-a-new-react-app.html) to help.

7. After react app is made, go to it and `npm start`.

8. Remove the `public` and `src`.

9. Paste in the copied files.

10. Go to `App.js` and find the API call, and replace `DEMOKEY` with your generated one.

# 🌟 DONE!!!

## See Below for images on how to use!

![image](https://user-images.githubusercontent.com/70807500/131732329-53dd2701-2e4a-48c2-a7e9-6c654d14542a.png)

![image](https://user-images.githubusercontent.com/70807500/131732428-3f261c0f-79f1-464a-a539-bf38b2ba8ff0.png)

![image](https://user-images.githubusercontent.com/70807500/131732471-8a1dc299-64dd-4bf8-9acd-43c5e560b348.png)

# Enjoy!