https://github.com/sigmachirality/nasa-image-viewer

A lightweight Pinterest-like gallery website of NASA's images. Written in React.
https://github.com/sigmachirality/nasa-image-viewer

image-viewer nasa nasa-api nasa-astronomy-picture pinterest website

Last synced: about 2 months ago
JSON representation

A lightweight Pinterest-like gallery website of NASA's images. Written in React.

• Host: GitHub
• URL: https://github.com/sigmachirality/nasa-image-viewer
• Owner: sigmachirality
• Created: 2019-03-20T02:51:05.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T10:22:17.000Z (about 2 years ago)
• Last Synced: 2024-04-12T21:56:43.178Z (10 months ago)
• Topics: image-viewer, nasa, nasa-api, nasa-astronomy-picture, pinterest, website
• Language: JavaScript
• Homepage: https://nasa-image-viewer.herokuapp.com/
• Size: 3.71 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
My submission for Capital One's 2019 software summit challenge, which you can find [here](https://www.mindsumo.com/contests/nasa-image-archive).

The idea behind my website's design was to keep it as minimalistic as possible - I ended up taking design cues from Pinterest (such as the masonry image layout and the infinite scroll functionality). In line with this design philosophy, the site is fully deployable as a static website.

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

This project is live [on Heroku](https://nasa-image-viewer.herokuapp.com/)!

## Running and Building

In the project directory, first run:

### `npm install`

This installs the required packages, such as react-bootstrap and Axios. Afterwards, run

### `npm start`

This runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.