Space Junk is a collection of widgets designed to display interesting space information from various APIs. I built it partly because I love all things space, but mostly to practice working with sass, retrieval and manipulation of data from APIs, and writing custom hooks. More widgets to come!
git clone
npm i
npm run dev- Next.js
- Sass - Created mixins and variables to make styling quick and scalable
- CSS modules - Styling is broken down and scoped to each individual component.
- deployed to Netlify
-
React Medium Image Zoom - The original medium.com-inspired image zooming library for React.
-
Classnames - A simple JavaScript utility for conditionally joining classNames together.
-
Framer-Motion - An open source motion library for React, made by Framer.
-
React-Icons - Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.
-
React-Map-GL - react-map-gl is a suite of React components designed to provide a React API for Mapbox GL JS-compatible libraries. More information in the online documentation.
This widget uses NASA's APOD API to display a fascinating image every day curated by actual astronomers. It also features a searchbar to see pictures from previous dates all the way back to its inception on July 16, 1995!
Photos taken by the Mars Perseverence Rover updated daily. It uses NASA's Mars Rover Photos API and features a dropdown menu to query by the different cameras onboard the rover along with a searchbar to query by sol (Martian day).
An International Space Station tracker that gives you the real time position, speed, and altitude of the ISS updated every 3 seconds. The map is provided by the React-Map-GL library and Mapbox. ISS data is provided by the Where The ISS At? API.
This is a Next.js project bootstrapped with create-next-app.
Uses the JWST API by Kyle Redelinghuys to fetch paginated pages of raw pictures from the James Webb Telescope. A planned feature is to display finished images from the JWST.