Festivity Finder

Description

An application that allows the user to select a location and date to pull up the most recent holiday following the date selected. The user is then redirected to a page with holiday information and weather forecasts for the date in question for the most visited locations within the user's country of interest. The user can add this holiday to a list of favorites or search again using the search feature in the uppper right-hand corner.

Mock-UP

The following image shows the web application's appearance and functionality:

Link to Deployed application

• https://shermanburwell3.github.io/the-bigger-they-are-the-holiday-they-fall/

Credits

Collaborator(s):

• Babyak, Ethan, https://github.com/ebaby-ak

• Burwell, Sherman, https://github.com/shermanburwell3/

• Johnson, Aileen, https://github.com/aileenej

• Stanton, Krystal, https://github.com/bldambtn

Research Sources:

• Coding Boot Camp. (accessed June 26, 2024). (accessed June 16, 2024) How to Use API Keys. Retrieved from https://coding-boot-camp.github.io/full-stack/apis/how-to-use-api-keys

• Date Nager API. (accessed June 19, 2024). Retrieved from https://date.nager.at/Api

• Encodedna. (2013, August). jQuery Autocomplete Dropdown List on Focus. Retrieved from https://www.encodedna.com/2013/08/jquery-autocomplete-dropdown-list-on-focus.htm

• Mozilla Developer Network. (accessed June 29, 2024). CSS padding property. Retrieved from https://developer.mozilla.org/en-US/docs/Web/CSS/padding

• Mozilla. (accessed June 8, 2024). Document: DOMContentLoaded Event. Mozilla Developer Network. https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event

• Mozilla Developer Network. (accessed June 23, 2024). EventTarget.addEventListener(). Retrieved from https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

• OpenWeatherMap. (accessed June 27, 2024). Retrieved from https://openweathermap.org/

• React Handbook. (accessed June 22, 2024). HTML Semantics. React Handbook. https://reacthandbook.dev/semantics

• Tailwind CSS. (accessed June 18, 2024). Retrieved from https://tailwindcss.com/

• W3Schools. (accessed June 23, 2024). CSS3 Buttons. W3Schools. https://www.w3schools.com/css/css3_buttons.asp

• W3Schools. (accessed June 29, 2024). How To Create a Toggle Switch. Retrieved from https://www.w3schools.com/howto/howto_css_switch.asp

• W3Schools. (accessed June 23, 2024). HTML DOM Element addEventListener(). W3Schools. https://www.w3schools.com/jsref/met_element_addeventlistener.asp

Image Sources:

• Landing Page background image: Cone, F. (July, 4 20212). Fireworks at Night. Retrieved from https://www.pexels.com/photo/fireworks-at-night-2347483/