Skip to content
No description, website, or topics provided.
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
apis
js
resources
.gitignore
CNAME
README.md
index.html
main.css
output.css
package-lock.json
package.json
tailwind.config.js
timer.html

README.md

coffeeTimer

Goals

  1. Create a better coffee timer, initially for personal use.
  2. Use the brews to create a database of coffees tied back to their data with more data (like most popular brews or multiple roasters for a specific coffee).
  3. Stretch-Goal: be able to pull data from bluetooth coffee scales (like Acaia) to actually agregate the brewing data.
  4. Super-Stretch-Goal: create a web app that allows users to connect with their favorite baristas and make coffee the way the pros do, by mimicking their brew-guides.

Brew Timer

  • Start, Stop
    • Add styling so it actually looks like a minute timer "0:00" // Consider using a library, (like moment.js).
      • Opted not to use a library for the time being
  • Events
    • Be able to name events (e.g. Bloom, Pour, Pulse, Stir, Drip, etc...)
    • Algorithmically guess events (start, bloom, etc...)
    • Until Bluetooth functionality, be able to input volume and create a graph
  • Brewer Type (e.g. V60, Kalita, Chemex, etc...)
  • Input coffee (for now just a text input)
    • Add Optional information: roaster, producer, MASL
    • Abstract away the process of adding the input sections. Like an array: [coffeeName, producer, masl, brewer, dose, ratio]
    • Consider refactoring to use the information from the thisBrew Object, might be a better way.
  • Export brew (make it pretty for people to export ☺️)

Coffee Database

  • Create user sign-in (offload/outsource/library?)
  • User Settings/Save
  • Save Brews
  • Save Coffees
    • Issues:
      • Same coffee from different roasters
      • Same Coffee different roasts
      • Social element
  • Social
    • Share? Have a feed of brews?
    • Link to roasters?

Design

  • Don't do, until you are happy with FUNCTIONALITY. This is about self-restraint, Andy.
  • Make each section its own grid section, make the final card a single card that can be exported.
    • Learn how to export items, and to also send data.
  • Do some design research to make sure it doesn't look bad
  • Decide on a CSS structure (Sass, other framework, vanilla?)
  • Decide on a color pallete
  • Decide on fonts
  • Don't over do it.

Progressive Web Application

  • Is this app a good use-case for a PWA? (I believe it is)
  • Gather Resources for How to Publish as PWA
  1. Google PWAs
  2. Google PWA Checklist
  3. Mozilla PWAs
  4. Max Firtman iOS Web Apps
  5. Microsoft PWAs
  6. CodeNewbie Podcast
  • Publish PWA

Bluetooth

Web APIs

You can’t perform that action at this time.