This is my submission to Shopify's Front End Developer Intern Challenge for Summer 2022!
-
There's a toggle switch component right below the title. Enabling the toggle will add some cool effects to the background! I chose floating Shopify-green squares for obvious reasons :)
-
Each photo contains a share button below it (the icon with the 3 connected dots). Clicking on the button will copy the image's url to your clipboard allowing you to easily share the awesome photos with your friends!
-
Images retrieved from the API call are stored in window's local storage so that the user will not need to perform another API call (provided that the contents of the local storage are not cleared) if they re-visit the web application. This feature was implemented to optimize for performance since API calls can be really slow.
-
A loading spinner will appear on the screen until the photos have successfully been fetched from the API.
-
Each image contains an expand button which reveals more information regarding the photo for the users that want to learn more!
- React
- Material UI
- JavaScript
- NASA API
- Google Firebase
- Really cool particles library