This web application is my submission to Shopify's Frontend Intern Summer 2022 Challenge. Look to the stars with NASA's Astronmy Picture Of the Data API! Presented in a scrolling web application to peruse NASA's extensive media library.
Get an API key from NASA and add it to an .env
file:
REACT_APP_API_KEY=YOUR_API_KEY
In the project directory, you can run:
-
npm start
Runs the react app in the development mode at http://localhost:3000. -
npm test
Launches the test runner in the interactive watch mode. -
npm build
Builds the app for production to thebuild
folder.
- This project was bootstrapped with Create React App.
- Architected with Typescript, React, StyledComponents.
With a Google Lighthouse accessability score of 75, improvements can be made to the application user interface to address accessability concerns.
Due to a time constraint, a saved photos page was left out. Though, the running site logs likes into the localStorage of the browser so the user's actions persists through different sessions. Next, a page could be made to display all of the user's liked astronomical photos.