Welcome to Spacestagram! This project was built for Shopify's Winter 2022 Frontend Internship challenge. The deployed link for the application can be viewed here This web application pulls from NASA's Image and Video Library API photos taken of the universe for viewers to "like" and "share"! The app was built with React and TypeScript using hooks for data fetching and component state management.
To clone and run this application, you'll need Git and Yarn installed on your computer. From the command line:
# Clone this repository
$ git clone
# Go to the repository
$ cd
# Install package dependencies
$ yarn
In the project's root directory, you can run:
yarn start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
yarn build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and is ready to be deployed!
- Fetches image data from NASA API to be displayed and returns to user the
- image
- date (values converted to non-numerical)
- title
- description
- Users can like and unlike one or many image cards
- πA loading indicator at the top of the screen as we wait for NASA's API to fetch image data
- β€οΈ A delightful heart animation when "liking" the photo
- π Copy to clipboard shareable links of each image
- π¨ MaterialUI design components for a simple user interface and quick building
- π¬ Prettier and ESlint for code-formatting
- βοΈCI/CD on a Heroku Dyno on each change
This software uses the following open source packages: