Skip to content

React frontend/Express backend for NASA Image Search (not affiliated)

Notifications You must be signed in to change notification settings

brendencallahan/nis

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation


NIS, or NASA Image Search, is a web app that does three main things: it first displays a homepage that calls the Astronomy Picture of the Day API, then allows you to search for pictures using the NASA Image Library Search API, and finally you are able to save your favorite pictures to view in a seperate page.


Here is the final product.

Screenshot_2023-01-25-11-49-27_1920x1080


Here is the figma design I made and started with.

Screenshot 2023-01-02 at 16-56-15 Figma

To run locally:


git clone https://github.com/brendencallahan/nis


Frontend

cd client
npm i
npm run start

Backend

To start the backend you will first need to edit line 45 of /server/index.js. In the url, instead of providing an environment variable, use the API key "DEMO_KEY".


The url should look like this

https://api.nasa.gov/planetary/apod?api_key=DEMO_KEY


Save the file. Then:

cd server
npm i
npm run dev

Once you have both running, visit localhost:3000


For more information about these APIs visit NASAs documentation here: https://api.nasa.gov/

About

React frontend/Express backend for NASA Image Search (not affiliated)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published