codemargaret / mars-rover

A site that displays photos from the Mars Rover API in an Angular site (Epicodus JavaScript Week 5 Monday)

Mars Rover

An app that returns photos from the Mars Rover API, 11.06.2017

By Margaret Berry

Description

This application allows the user to select a date and Mars Rover camera and see photos from that date taken with that camera. Users can also save photos they like to a Firebase database.

This project was generated with Angular CLI version 1.0.0.

Project Goals

• Make an API call in an Angular CLI application.
• Use a web API with Firebase.

Setup/Installation Requirements

Run the following commands in Terminal:

1. $ git clone this repository
2. $ cd mars-rover
3. $ npm install
4. $ bower install
5. Firebase setup:

• Go to firebase and login or create a free account.
• Create a project called 'mars-rover'.
• Click 'add firebase to your web app'.
• $ touch src/app/api-keys.ts
• Add the following code and replace the x's with your information:
  • export const marsRoverKey = "xxxx"; export const config = { apiKey: "xxxx", authDomain: "xxxx.firebaseapp.com", databaseURL: "https://xxxx.firebaseio.com", projectId: "xxxx", storageBucket: "", messagingSenderId: "xxxx" };
• Visit the Firebase console, click 'mars-rover,' and click the database option from the navbar on the lefthand side of the menu.
• Click the blue navbar 'Realtime Database,' then 'Rules.' Set the value of .read and .write to 'true' and click 'publish.'

6. $ ng serve
7. Navigate to localhost:4200

Known Bugs

There are no known bugs at this time.

Support and contact details

If you have issues, questions, ideas, or concerns, please contact Margaret. Feel free to make a contribution to the code.

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Technologies Used

• JavaScript
• TypeScript
• Node
• Bower
• Angular CLI
• Firebase

License

This software is licensed under the MIT license.

Copyright (c) 2017 Margaret Berry