Phases of the Moon

Project 1 for Group 4. A lunar calendar that will allow you to search for your current city, conver that into latitude and longitude to provide you with the current moon phase and weather data so you can understand the visual possibilites of the moon. The calendar will also let you see the current month's lunar cycle upon loading, but then search through Days, Months, and years to see future or past lunar cycles.

Visual

User Story

As a moon photographer I want to view a calendar that has information about weather and moon phase for that day So that I can get the best picture of the moon in a particular phase with clear conditions

What problems will the app solve?

The user will be able to open the app to see weather conditions for a searched city that could possibly hinder their desired outcome. They are also able to see the current moon phases to help decide if conditions are optimal.

Link to Site

https://jillium.github.io/moon-phase/

Coding Scripts

HTML CSS Vanilla JavaScript

CSS Framework

Bulma - https://bulma.io/

APIs

Stormglass.io - https://stormglass.io/ Positionstack - https://positionstack.com/ openWeather - https://openweathermap.org/api

Tasks Completed by Bridget Schaefer

• HTML and JavaScript for Today's Moon Phase modal.
• Used javascript to calculate moon phases. Dynamically added information to the modal about moon phases.
• Synced Lunar Calendar with Moon Phase Modal.
• User Story, initial list of work to be completed, and distribution.
• Css styling for the modal.
• Bug testing.

Tasks Completed by Lewis Holgate

• Lunar calendar HTML and JavaScript.
• Added ability to search any day and month to the calendar.
• Used bulma for responsiveness and styling.
• Managed github repo.
• Assisted in syncing Lunar Calendar with Moon Phase Modal
• Bug testing.

Tasks Completed by Jill Holmes

• Header HTML and JavaScript for city input to search weather.
• API call to positionstack to get latitude and longitude from City to use for daily moon phase search.
• Error modals dynamically added according to error received.
• Media queries.
• Presentation slides.
• Bug testing.

Tasks Completed by Corrie Butler

• Layout wireframe.
• Daily Moon Phase box HTML and JavaScript.
• Two API calls using StormGlass.io to return astronomy and weather info from selected city.
• API call from OpenWeather to supplement lack of precipitation data provided by Stormglass.io.
• Dynamically added info to the page.
• CSS styling for the entire application.
• Composed README file.
• Bug testing.

Extra Resources

Moon Pictures (Copyright Free): https://pixabay.com/images/search/moon%20phases/

Contact

Bridget Schaefer - bridget.schaefer31@gmail.com Lewis Holgate - lholgate6162@gmail.com Jill Holmes - holmesjillanne@gmail.com Corrie Butler - corriebutler12@gmail.com