An open API service indexing awesome lists of open source software.

https://github.com/george-swift/astrogram

View stunning images of our universe courtesy of the NASA API
https://github.com/george-swift/astrogram

materialui react react-query

Last synced: 6 months ago
JSON representation

View stunning images of our universe courtesy of the NASA API

Awesome Lists containing this project

README

          

# Astronomy Photo Gallery

![](./public/gallery.png)
## Live Link
[Click to visit the gallery](https://astro-images.netlify.app/)

## Features
A single page app that allows users to view stunning images of our universe courtesy of NASA. At the very least, users can like and unlike their favourite photos, each of which has a title and capture date. Users can also browse photos from specific dates by using the date picker to filter search results.

## Prerequisites
- Internet Connection
- JavaScript enabled device

## Built With
- React
- React Query
- NASA API
- Material UI
- Javascript ES6+
- SCSS
- HTML5

## Getting Started
- Clone this project by running `git clone https://github.com/george-swift/shopify-fe-challenge.git`
- Get a NASA API key and save it to a `.env` file in the root directory as shown below:
```
REACT_APP_NASA_API_KEY=Paste your api key here
```
- Run `npm install` to install the required dependencies.
- Next, run `npm start` to fire up a local server.
- To get a production bundle, run `npm run build`

## Authors

👤   **Ubong George**
- LinkedIn: [Ubong George](https://www.linkedin.com/in/ubong-itok)
- Twitter: [@\_\_pragmaticdev](https://twitter.com/__pragmaticdev)
- GitHub: [@george-swift](https://github.com/george-swift)

## Acknowledgments

- [API Docs: NASA Astrononomy Photo of the Day](https://github.com/nasa/apod-api)