Moonbility

• 

  Default Homepage

• 

  Visual of Webpage

Moonibility is a web application that gets the input of the user's birth month day and year and utilizes that data to populate and showcase a visual of the compatibility by merging the two images together to display the completeness of the moon and in other words their lunar compatibility. All are Inspired by the hottest trend in TikTok where millions are using a capcut to test the compatibility of the user and their significant other based on if their moon phases "complete" each other. We built a web app by using an HTML file to structure the elements within our webpage, a CSS file to style the webpage, and javascript to add our functions. The biggest challenge was getting input from the user/users and implementing that data to be functional to be used and styled for our webpage. The final product of the layout of the outlines and color scheme of the web design was delivered as we intended, in an aesthetically pleasing and cohesive manner. In the future, integrating new features and options for users to learn from and engage with definitely be something to aim for.

Built With

• api
• css
• html
• javascript