Skip to content

GeorgeKlemperer/theOrbituaries

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTTP Project: The ORBIT-uaries


“There is a theory which states that if ever anyone discovers exactly what the Universe is for and why it is here, it will instantly disappear and be replaced by something even more bizarre and inexplicable. There is another theory which states that this has already happened.”

— Douglas Adams

Table of Contents:

  1. Introduction
  2. Repository Contents
  3. Project Objectives
  4. Planning
  5. Compatibility
  6. Authors

Introduction:

This repository holds a project built for juxtaposing space and earth stories, and for practicing interacting with public APIs. Enter a date and a news category to generate the image. The APIs utlized in the website are NASA's apod API, The Guardian API, and Unsplash.

image

View web page here: https://georgeklemperer.github.io/theOrbituaries/.

Repository Contents:

  1. index.html - website HTML.
  2. styles.css - the styles for the website.
  3. index.js - website javascipt.
  4. explanation-bug.js - javascript file coonatining a function to shorten the APOD's accompanying description.
  5. images - folder containing all the images for the website.

Project Objectives:

  • Query at least two APIs using fetch.
  • Dynamic content generated with JS.
  • Accessible and responsive mobile-first designed site.
  • Incorporate some indication that data is loading.
  • Incorporate error handling and display error when something goes wrong.

Planning:

Figma was used to desing an initial layout.

image

Then we broke up the project into its main components and divided the workload evenly, focusing on the following tasks:

  • Implementing responsive website CSS.
  • Designing the NASA APOD API fetch function with error handling.
  • Designing The Guardian API fetch function with error handling.

Compatibility

The website is designed to be compatible with modern web browsers. It utilizes CSS media queries to provide a responsive layout across different computer and mobile phone screen sizes.

Authors

George Klemperer
Isobel Butler