npx tailwind build main.css -o output.css
- Create a better coffee timer, initially for personal use.
- 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).
- Stretch-Goal: be able to pull data from bluetooth coffee scales (like Acaia) to actually agregate the brewing data.
- 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.
- 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
- Add styling so it actually looks like a minute timer "0:00" // Consider using a library, (like moment.js).
- 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
☺️ )
- 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
- Issues:
- Social
- Share? Have a feed of brews?
- Link to roasters?
- 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.
- Is this app a good use-case for a PWA? (I believe it is)
- Gather Resources for How to Publish as PWA
- Google PWAs
- Google PWA Checklist
- Mozilla PWAs
- Max Firtman iOS Web Apps
- Microsoft PWAs
- CodeNewbie Podcast
- Publish PWA
- Research
- Google Devs: Web Bluetooth
- Github Repo: Web Bluetooth