After my first month in Brainstation’s Software Development boot camp, all students were challenged to produce a mini project for our first 24hr hackathon. Up till then, we learnt web development fundamentals, HTTP and how to use APIs.
Activities are provided by the bored API. The motivational quote comes from GoProgram’s Inspiration quote API. The inspirational quote refreshes every hour. When the page loads, a random activity and quote are generated.
After changing filters, a new suggestion is generated. If a suggestion isn’t available, the page lets you know with polite notice.
Refresh: Generates a new suggestion for a given amount of people and/or category.
Surprise me: Clears filters and generates a random suggestion
People: When defined itself, a random activity is shown for the given number
Category: Displays all activities for a given number of people. A category alone will only generate one suggestion.
Due to time constraints, I wasn't able to make the website fully responsive. Post boot camp, I made it responsive.
Initially, I aimed to have the background image change whenever the category updates. Despite this, I developed the core features as planned.