Your cart is currently empty!
Steven Coulson
Steven has been drinking beers, wines and spirits for decades and has a propensity to go about them at length after a few drinks.
Latest Posts
- 57/m: Love beer, but it doesn’t love me as much anymore
- No Stupid Questions Wednesday – ask anything about beer
- Does anyone else get treated like a beer snob for ordering literally anything that isn’t a macro lager?
- Is there a polite way to refuse a beer that’s being served in the wrong glassware without making everyone at the table uncomfortable?
- # What’s the most pretentious thing you’ve ever said about beer that you secretly didn’t understand yourself?
Categories
Tags
Social Links
Introducing BrewLab: Your Ultimate Beer Recipe Viewer and Manager
Greetings to all brewing enthusiasts and tech aficionados!
I am thrilled to unveil my latest project, BrewLab—a web application designed specifically for homebrewers. This tool allows users to effortlessly view, manage, and soon create beer recipes. With its static site architecture, it’s incredibly streamlined to host, and I’ve harnessed Firebase Studio for development, with plans to deploy through Vercel or potentially host it on GitHub Pages.
What BrewLab Offers
BrewLab is packed with features that make beer recipe management easier and more enjoyable:
- BeerXML Parsing and Display: Simply upload your BeerXML files into BrewLab, and they will be showcased in a sleek, user-friendly interface.
- Recipe Listings and Filtering: Quickly access all your recipes, which can be filtered by style, with lightning-fast client-side performance.
- In-Depth Recipe Details: Explore the intricacies of each recipe:
- View essential metadata such as name, style, author, and batch size.
- Check target parameters including OG, FG, ABV, IBU, and Color/SRM, complete with visual progress indicators.
- Enjoy a color visualization of the beer adjacent to the title based on SRM values.
- Access well-organized tables containing Fermentables, Hops, Yeast, and Miscellaneous Ingredients, along with a dual-tab layout for “Recipe Details” and “Recipe Steps.”
- Markdown Recipe Steps: Each recipe accompanies a
.mdfile outlining the brewing process. BrewLab nicely formats and presents this information in the “Recipe Steps” tab, categorized by phases such as Mashing, Boiling, and Fermentation. - Recipe Creation Form (Simulated Storage): Users can build new recipes using our user-friendly form. While current functionality logs data to the console for now, the foundational work for saving is already in place.
- Responsive Design: BrewLab is optimized for both desktop and mobile experiences.
Tech Stack
This project is built using a robust tech stack that includes Next.js (App Router, static export), React, TypeScript, Tailwind CSS, and ShadCN UI.
I genuinely hope BrewLab becomes a valuable asset for our brewing community.
For those interested, you can check out the code on GitHub or test the live