/astronomy-pic-otd

VueJS practice project, utilizing the NASA API to display daily astronomy-related content.

Primary LanguageVue

Astronomy Pic of the Day

This application is built in Vue, utilizing the NASA image API to dynamically display NASA's Astronomy of the Day, featuring stunning photos of space taken by astronauts, photographers, and deep space equipment.

Stack:

  • VueJS
  • Webpack
  • Vue datetime library
  • Vue router
  • ESLint
  • Heroku

Deployment:

View the deployed project here.

Planning

This project was built to spec for a Turing School project, requiring that images be displayed from the NASA APOD API but with little else in terms of requirements. The layout draws inspiration from some common photo gallery sites.

Pre-planning/user stories can be seen on the project board attached to the repo, here.

Screenshots

apod-frontpage apod-secondpage

Vue Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.