Deving789/Mission_to_Mars

Scrape High-Resolution Mars Hemisphere Images and Titles, Update the Web App with Mars Hemisphere Images and Title then Add Bootstrap 3 Components

Mission_to_Mars

Web-scraping project

#Purpose

Build an APP to scrape data from websites for our mission to mars projects and then create an HTML page to show our findings.

Step 1 using Mission_to_Mars_Challenge.ipynb:

1. Write Code is written that retrieves the full-resolution image and title for each hemisphere image.
2. Have full-resolution images of the hemispheres are added to the dictionary.
3. Titles for the hemisphere images are added to the dictionary.
4. Create a list containing the dictionary of the full-resolution image URL string and title for each hemisphere image.

Step 2 creating the HTML and creating a function to scrape the images with the scraping.py file:

1. Create a scraping.py file contains code that retrieves the full-resolution image URL and title for each hemisphere image.
2. Make a Mongo database is updated to contain the full-resolution image URL and title for each hemisphere image.
3. Create the index.html file contains code that will display the full-resolution image URL and title for each hemisphere image. 4.After the scraping has been completed, the web app contains all the information from this module and the full-resolution images and titles for the four hemisphere images.

----- Please make sure your image looks like the one below,

Finally, The webpage is mobile-responsive. Add Bootstrap 3 components are used to style the webpage.