Final Project and Presentation
// Project Link
Final Project - My final project (though still WIP) may be found here!
// Presentation Link
Reveal.js Presentation Link - A link to my class presentation. A survey that you can take to help my project may be found in here as well!
7.25 Project Presentation Outlines
// Project Current State
PROJECT - Project is currently basically a searchable index of beers. Functionality for user "favoriting" and suggestion engine not yet fully implemented.
// Presentation Outline
Not sure yet!
// Arduino In-Class Fun
Final Project Implementation
// Updates
UPDATES - I've changed the search function from running through the API to running off a database. Currently, it's only functioning on breweries, but its a start towards how I want the final product to finish.
I now have the site working off a list of beers, with the results formatted more nicely and a separate landing page for initial search, with space for "how to use" information and stuff like that. Currently results information is being pulled from 3 separate tables (beers, breweries, styles), but the user can only search on beer names.
// In Class: 3 Problems
- Figure out how to condense and store the data from breweryDB into something a)local and b) usable.
- Begin to interact with the data I have stored from breweryDB in some way (eg. reimplement current functionality)
- Using the above, get search (and autocomplete function) working perfectly
// Notes and Next Steps
WORK IN PROGRESS - My current work/code playground can be viewed here. This week I've registered with the BreweryDB API and started playing with making queries, and extracting the right data from the results and displaying it. To demonstrate this, I've made a simple search box which queries the API's search function and displays the first 50 results. I've also begun to look into how to create and fill a local database with the 55,000+ beers from BreweryDB for features like autocomplete, etc. and general ease of use.
Next Steps - Figure out how to extract the data from the breweryDB database to make a local copy, whether that means directly importing into a database, or just downloading the results to a .csv file. Problems I'm having: API returns paginated results, with only 50 items per page, meaning there are over 1000 pages of beers I need to condense into 1 file.
Final Project Brainstorming
// Inspiration
FUN APIs - An /r/webdev post about fun APIs to use in projects. Highlights include BreweryDB, PokeAPI, and the Fitbit API.
// Project Ideas
In no particular order, and constantly being updated...
- Portfolio Site/Film Project Site (boring)
- A Game? Javascript/web based? Unity-based?
- Web-based Pokedex with PokeAPI
- Craft Beer discovery site/app: Choose your favorite beers/breweries and others are suggested based on user data/surveys - BreweryDB
// Mockups
Current Favorite: Beer Discovery Web App
Users:
- Myself/My Friends: Already interested in craft beer, occasionally overwhelmed by 50+ taps at bars these days. Want a beer that we will like, but still want to try something new, without googling every beer on the list every time.
"I love trying new craft beers, but sometimes I don't wanna spend half an hour deciding what to try."
- People New to Craft Beer: People overwhelemed by the craft beer scene, want to try new things similar to things they know they like.
"I liked that Fat Tire I tried, I just want something like that."
// Problems to Solve
- Create and populate a database of user responses
- Calculate preference overlap for inputted data on search
- Autocompletion on search and data entry to make sure data entered is compatible with database
- Display Information to user "Prettily"
A "cool digital thing"
DONOTTOUCH.ORG - This is just a really cool interactive web-based music video that I remembered from an old reddit post. I was really impressed the first time I saw it, and despite having been around forever now (2013), it still updates hourly. The site records the cursors of viewers, asks them to perform some tasks, and then includes the recorded cursors in the music video itself. Not exactly "moving" or "hilarious," but just something I found to be a cool use of the web.
Note - Parts of this are slightly nsfw
People Card Project
// Codepen Implementation
See the Pen [DGMD S-15] people page card by Eric (@ejonassen) on CodePen.
(Currently a WIP)
// Mockups
These sketches represent my first 3 ideas for Maisie's people card. They are:
- 1. Maisie and her pets
- 2. Maisie likes to run
- 3. Maisie is a vegetarian
Out of these ideas, I ended up going with the first, which you should be able to see (in some form or another) in the codepen implementation above.
