Mission-to-Mars : Web Scraping with HTML/CSS

Project Description

This project adjusts the current web app to include all four of the Mars’s hemisphere images and to make it scraping-friendly. This project uses BeautifulSoup and Splinter to scrape full-resolution images of Mars’s hemispheres and the titles of those images, stores the scraped data on a Mongo database, uses a web application to display the data, and alter the design of the web app to accommodate these images.
Cleck here for the Practise code files.
Click here for the Module challenge Code.

Data Environment used

1. BeautifulSoup4
2. Bootstrap
3. DateTime
4. Flask
5. Flask-PyMongo
6. html5lib
7. Jupyter Notebook
8. MongoDB
9. Numpy
10. Pandas
11. PyMongo
12. Splinter
13. webdriver-manager

Scrape Full-Resolution Mars Hemisphere Images and Titles

• Using BeautifulSoup and Splinter, scraped full-resolution images of Mars’s hemispheres and the titles of those images.
  
  

Update the Web App with Mars’s Hemisphere Images and Titles

Created webpage containing all the information collected in this module as well as the full-resolution image and title for each hemisphere image.

Two additional Bootstrap 3 components are used to style the webpage

1. Changed the button color and its background.
2. Added a tooltip that says Click Me!, when the user hovers over the Scrape button.
3. Changed the CSS for the facts table.