Skip to content

View NASAs Astronomy picture of the day on the website linked to this description. Do refer to this repository to learn how to build this React Application.

Notifications You must be signed in to change notification settings

jendcruz22/NASA-APOD_ReactApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

View NASAs Astronomy picture of the day on the website linked to this description. Do refer to this repository to learn how to build this React Application.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published