A POC Web-components application for tracking breweries you've visited. It uses Open Brewery DB for data so unfortunately only covers US cities.
Completed as part of Dave Rupert's Web Components course
A TypeScript project that uses Lit to build a web-component based app. Production build is provided by Rollup and Esbuild. The project was scaffolded using the @open-wc starter.
To get started:
npm install
npm start
Will open your browser at http://localhost:8000
The brewery-app component takes an optional attribute city
. To change the city:
- Open the Elements panel in the browser dev-tools
- Select the
<brewery-app>
custom element - Add a
city
attribute, e.g.city="New York"
- The app ui will update and fetch breweries in New York 🎉
start
runs your app for development, reloading on file changesstart:build
runs your app after it has been built using the build commandbuild
builds your app and outputs it in yourdist
directory, generates a cem (Custom Elements Manifest)test
runs your test suite with Web Test Runnerlint
runs the linter for your project
For most of the tools, the configuration is in the package.json
to reduce the amount of files in your project.
If you customize the configuration a lot, you can consider moving them to individual files.