Astronomy Dashboard

Purpose

We created this website as a means to obtain all kinds of info on astronomy into one spot. The website includes information such as weather, visibility, cloud coverage, current moon phase, constellations that are visible at this time of year, upcoming meteor showers, and the latest news in astronomy.

Getting Started

To automatically have the website capture the user's location on load, the user must allow the browser to allow the permissions.

Demo of Website

User Stories

• As a user - When I visit the home page I am presented with a request to share my location

• 
• 
• GeoLocation API (built-in)
  

• As a user - I want to see a dashboard of information - specifically weather data about visibility

• 
• 
• OpenWeatherMap API (server side)
  

• As a user - I want to be able to search for a city if I choose not to use geolocation

• 
• 

• As a user - I want to choose from a list of cities if I enter an invalid search term

• 
• 
• 

• As a user - I want to see the current moon phase

• 
• 
• 
• AccuWeather Location API
  
• AccuWeather Forecast API (server side)
  

• As a user - I want to see a table of upcoming meteor showers

• 
• 
• 
• 

• As a user - I want to see the NASA astronomy photo of the day

• 
• 
• 

• As a user - I want to know which constellations are visible this month

• 
• Hard coded info to HTML + utilizing MomentJS
  

• As a user - I want to see recent news articles about astronomy

• 
• 
• New York Times - Article Search API (Third Party)
  

CSS Framework

• TailwindCSS -- A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup

Responsive Breakpoints

• 

Learning Objectives

• Collaborative teamwork and healthy git workflow
• Group coding
• GitHub branches
• GitHub project cards
• JavaScript libraries (DataTables, momentJS, jQuery)
• Server side API's (OpenWeatherMap, AccuWeather, NASA)
• Third party API's (NYT)
• CSS framework (TailwindCSS)

Built With

• HTML
• CSS
• JavaScript
• JQuery
• Moment.js
• TailwindCSS
• DataTables

Deployed Link

The link to the deployed application is: https://dazedchou.github.io/Astronomy-Dashboard/

Authors

David Chou

• Github： https://github.com/DazedChou/
• LinedIn： https://www.linkedin.com/in/davidchou99/

Courtney Foster

• Github： https://github.com/cfoster121
• LinedIn： https://www.linkedin.com/in/courtney-foster-0b364575/

Baofeng Guo

• Github： https://github.com/magickw
• LinedIn： https://www.linkedin.com/in/bfguo/

License

This project is licensed under the MIT License

Credits

• W3 Schools
• MDN Web Docs
• Gif Application
• Flat Icon Royalty Free Images
• Remove Background App
• Open Weather API
• AccuWeather API
• NASA API
• NYT API