Pensive1 / Do-Something

DoSometh.ing is a single-page website that recommends activities based on a given number of people and category. This was my first hackathon project.

Home Page:https://pensive1.github.io/Do-Something/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DoSometh.ing

App screenshot showing activity suggestions and filters

See Live


Summary

DoSometh.ing is a single-page website that recommends activities based on a given number of people and category.

Background

A month into 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 APIs.

How it works

Content

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.

When filter value changes, a new suggestion is generated. If a suggestion isn’t available, the page lets you know with a polite notice.

Filters

Interface filters

  • People: Shows activities based on a given number of people (on change). Without a category, a random activity with n people is shown.

  • Category: This narrows down a suggestion to a category (on change). Additional suggestions can’t be generated if the number of people is empty.

Buttons

Interface buttons

  • Refresh: Generates a new suggestion for a given amount of people and/or category.

  • Surprise me: Clears filters and generates a random suggestion


Tech Stack

  • HTML 5
  • CSS 3
  • Sass
  • Javascript
  • Axios Library

About

DoSometh.ing is a single-page website that recommends activities based on a given number of people and category. This was my first hackathon project.

https://pensive1.github.io/Do-Something/


Languages

Language:SCSS 27.3%Language:CSS 27.0%Language:HTML 23.0%Language:JavaScript 22.8%