Shopify Front End Developer Intern Challenge - Summer 2022

A web application where users can check out cool outer-space pictures from NASA.

Demo

https://bbur4.csb.app/

Features

🏠 Home Page: https://bbur4.csb.app/

• Fetches outer space pictures from NASA's Astronomy Photo of the Day API
• a loading state while we wait for NASA’s API to return data
• Infinite loading 10 more recent posts as users scroll to the bottom of the page
• Users can like and dislike each post
• Animate the “like” action
• Save liked posts parmanently in local storage

❤️ Likes Page: https://bbur4.csb.app/likes

• Lists liked posts in the chronological order
• Show messages if there is no liked posts
• Liked posts are removed when unliked

Technology

• React.js with TypeScript
• React Hooks
• React Context
• CSS
• React MUI

Screenshots

Mobile

🏠 Home Page	❤️ Likes Page

Tablet

🏠 Home Page	❤️ Likes Page

Desktop

🏠 Home Page

❤️ Likes Page