The goal of this project was to create a fun and functional web app. In learning new skills we wanted to make something our friends would be excited to test drive as well! The site is built to display facts about the birthday of the user, including the top headline of the day, book of the year, and/or movie of the year. When the user opens the modal, enters their birthdate, and chooses a category, then the site displays cards that contain the facts from the day the user chose. Each category has its own card and each decade is styled to mirror the aesthetic of the era. This was our first time working in a group this semester, so there was a lot to learn about collaboration and Github merging. It was genuinely a joy to collaborate with the team and share the workload of the project. We hope you have as much fun using the site as we had making it!

Requirements:

In order to run this app properly, you'll need the following:

• A device capable of accessing the internet
• An internet connection

I. Getting Started
II. Features at a Glance
III. Contribution Guidelines
IV. Acknowledgements
V. License

To use this site, first click on the link below or type it into your browser's address bar:

https://beeceetee.github.io/TimeCapsule/

Next, click the (Start Here) button in the upper right, click (Select a date), select a date from the calendar, select an option from the dropdown, and click the (submit) button, or click (cancel) to cancel. Now just scroll down the page and view the results!

To view results for another page, simply scroll back to the top and repeat the process!

This app is comprised of a couple very customized features, as can be seen in the GIF above.

• Users click a Start Here button in the upper right-hand corner which opens a modal containing a datepicker and a select dropdown allowing users to choose a topic.
• Upon clicking Submit, the script reaches out to our chosen APIS and dynamically creates Top Movie/Book/Headline cards
• As the cards are being created, the site theme is also coded to change in correspondance to the user's birthday decade.

If you would like to contribute to the project, we ask that you adhere to the project vision described above, keep fonts, colors, and background images consistent with the existing styles on the site, and give credit to the original creators.

Technologies Used:

• jQuery
• jQuery UI
• Day.js
• Bulma
• Google Fonts

APIs: -TMDb The Movie Database -The New York Times bestseller list -The New York Times article archives

Credits: -Designs by Brendan Trepal -Modal and form functionality by Tess McGovern -API fetch handling by Rachel Vanetta -Dynamic cards by Avery Gallagan -Other JavaScript code by Brendan Trepal, Rachel Vanetta, Avery Gallagan, Tess McGovern -Assistance by Michael LaPan. Thank you, Michael. You're very kind and it's easy to ask for help.

This project is provided under an MIT license. For more information, see the License file above.

© Copyright © 2024 Brendan Trepal, Rachel Vanetta, Avery Gallagan, Tess McGovern