Skip to content

Latest commit

 

History

History
31 lines (22 loc) · 1.68 KB

README.md

File metadata and controls

31 lines (22 loc) · 1.68 KB

React + NASA Application:

  1. This project was bootstrapped with Create React App
  2. It uses the NASA Open API: Astronomy Picture of the Day (APOD)

React:

Available Scripts

In the project directory, you can run:

  • yarn start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you make edits. You will also see any lint errors in the console.
  • yarn test Launches the test runner in the interactive watch mode.
  • yarn build Builds the app for production to the build folder.

In the Application:

The information we will display is:

  • The photo
  • The photo's title
  • Current date
  • Information about the photo

The Home.js component as the name suggests, is our main home page.

I visited the NASA API page, entered my details and signed up after which I recieved a private API key (which is unique for every user and thus not mentioned in the above code)
The API key which is provided by NASA is then used in the NasaPhoto.js component through which we display NASA's APOD

NavBar.js component helps us go from the NasaPhoto.js page to the Homepage.

The styling of this application lies in App.css