A React JS Website using the NASA API to create a stunning one page design showing the Astronomy Picture of the Day and the related information about the picture.
View Example
Table of Contents
The inspiration for this project comes from an Astronomy class I took in Fall 2023. At the beginning of every class, the professor would project the NASA Astronomy Picture of the Day onto the board. These images, many of which came from the JWST, were always mesmerizing. Once I learned that NASA had an API for this, I knew I had to use it as an excuse to make my first React project.
This project requires Node.js and npm to be installed on your computer. To see if you have them installed
node -v
npm -vIf they are not installed on your computer, follow installation instructions for Node.js.
-
Get a free API Key from NASA
-
Clone the repo
git clone https://github.com/mcrich921/nasa-apod.git
-
Install NPM packages
npm install
-
Create
.envand enter your APIVITE_NASA_API_KEY = YOUR_API_KEY -
Run npm as a dev and click the localhost link
npm run dev Local: http://localhost:XXXX/
Distributed under the MIT License. See LICENSE for more information.
Matthew Rich - mrich@wesleyan.edu