A web application that helps you discover and track breweries in different cities. Built with Lit Element and the Open Brewery DB API.
- Search for breweries by city name
- View brewery details including address and website
- Track visited/unvisited breweries
- Clean, responsive interface
- Running count of visited breweries
- Node.js (v10 or higher)
- npm (v6 or higher)
- Clone the repository:
- bash
- git clone https://github.com/yourusername/brewery-finder.git
- cd brewery-finder
- npm i
- Start the development server: npm start
The application will be available at http://localhost:8000
Reference to package.json: "lint": "eslint --ext .js,.html . --ignore-path .gitignore && prettier "/*.js" --check --ignore-path .gitignore", "format": "eslint --ext .js,.html . --fix --ignore-path .gitignore && prettier "/*.js" --write --ignore-path .gitignore", "test": "web-test-runner --coverage", "test:watch": "web-test-runner --watch", "storybook": "npm run analyze -- --exclude dist && web-dev-server -c .storybook/server.mjs", "storybook:build": "npm run analyze -- --exclude dist && build-storybook", "build": "rimraf dist && rollup -c rollup.config.js && npm run analyze -- --exclude dist", "start:build": "web-dev-server --root-dir dist --app-index index.html --open", "analyze": "cem analyze --litelement", "start": "web-dev-server"
- Lit - For creating fast, lightweight web components
- Open Brewery DB - Free brewery data API
- Open WC - Web components development tools
- Enter a city name in the search bar
- Press Enter or click the Search button
- Browse through the list of breweries
- Click "Mark as Visited" to track breweries you've been to
- Use the counter at the top to track your progress
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.