Brief Objectives
Create a webpage that uses one or more APIs
For this brief team 10 decided to create an infographic page that updates live depending on the changes in data retrieved from various APIs. The goals for the individual team members included making something we would be proud to display and perhaps even used in our portfolios, so a lot of attention was given to the aesthetics.
Once the idea was decided a day was spent planning the design layout and the HTML breakdown. This allowed us to split the initial development across team members and as long as the design in Figma was followed everything would fit together. This proved to be true and only minor changes were required.
Features of this page includes current information about the human spaceflight programs around the world, a daily inspirational quote, and a chatbot to talk with aliens! Subtle animations are used throughout the page to refine the design and give it a playful feeling. The ISS position data reloads every 5 seconds, while the rest of the APIs are pulled on page load.
This is a copy of the content of the original repo, now featuring serverless functions to make the website work when deployed.
Tools Used
- Miro - Ideation and Schedule
- Figma - UI Design
- Illustrator - Asset Creation and Editing
- Slack and Discord - Communication Methods
- Netlify – Deployment and Serverless Functions
Team Members
- Michaela Guzmická - Coding / Administration / Original Git Repo Owner
- Paul Fleming - Coding / Design / Coordinator
- Anna Roos - Coding / Logic Flow Development / AI chatbot / Deployment
- Adam Webb - Coding / Check In Leader / Presenter
APIs Utilized
Libraries Utilized
Deployment
Art assets from