- This project was bootstrapped with Create React App
- It uses the NASA Open API: Astronomy Picture of the Day (APOD)
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 thebuild
folder.
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