NASA Astronomy Picture of the Day is a mobile-friendly Vue app that displays the current NASA Astronomy Picture of the Day and all the pictures of the current month. Building this app in two days was my first experience using Vue and Vue Router.
- Go to the website
- You should be automatically redirected to the current picture of the day
- Click the left button to view the previous day's picture
- Click on the link for all pictures to view all the month's pictures on one screen
- Click on any picture's card to view a larger version of that image/video
- Click on the link for today to go back to the current day's picture
- Fork the repo
- Open your terminal
cd
to where you want the repo directory to be created- Clone your fork down to your machine either
- with SSH:
git clone git@github.com:
yourusername/nasa-apod.git
- or with HTTPS:
git clone https://github.com/
yourusername/nasa-apod.git
- with SSH:
cd nasa-apod
npm install
- Sign up for a NASA API key here
- Create a file in the root directory named
.env.local
- In that file add
VUE_APP_BASE_URL=https://api.nasa.gov/planetary/apod?api_key=
yourAPIkey npm run serve
to start the app at http://localhost:8080- Push changes up to your fork
- Make pull requests from your fork to the original repo
- Vue
- Vue Router
- Jeo D @dForDeveloper