Awesome
<p align="center"> <a href="https://barassistant.app" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="art/logo_dark.png"> <source media="(prefers-color-scheme: light)" srcset="art/logo.png"> <img src="art/logo.png" width="450" alt="Logo" /> </picture> </a> </p> <p align="center"> <a href="https://hub.docker.com/r/barassistant/salt-rim"><img src="https://img.shields.io/docker/v/barassistant/salt-rim?style=for-the-badge&sort=semver" alt="Docker image"></a> <img src="https://img.shields.io/github/license/karlomikus/vue-salt-rim?style=for-the-badge" alt="License"> <img src="https://img.shields.io/github/actions/workflow/status/karlomikus/vue-salt-rim/build-image.yml?style=for-the-badge" alt="Build"> <img src="https://img.shields.io/docker/pulls/barassistant/salt-rim?style=for-the-badge" alt="Pulls"> </p>🍹 Salt Rim - Bar Assistant Web Client
Salt Rim is a web client used for connecting to your Bar Assistant server. It's made with Vue 3 and it builds to a static webpage that can be easily hosted anywhere.
<p align="center"> <a href="https://demo.barassistant.app" target="_blank">Click here to view frontend demo.</a> <br> <a href="https://demo.barassistant.app/bar/docs" target="_blank">Click here to view API demo.</a> <br> <strong>Email:</strong> admin@example.com · <strong>Password:</strong> password </p> <p align="center"> <picture> <img src="./art/landing3.png" alt="Landing image" /> </picture> </p>Features
- Intuitive UI for your Bar Assistant instance
- Supports all features of Bar Assistant
- Desktop and mobile support
- Powerful search and filtering capabilities using Vue Instantsearch
- Support for multiple measurement units
- Personal shopping list management and exporting
- Markdown support for cocktails and ingredients
- Automatic ingredient suggestions
- Dark theme support
- Localizations available: English, German, Croatian, French, Polish
- Progressive Web App (PWA) capabilities
- Organize your personal recipe collections
- Easy recipe copying and sharing
Documentation
Official documentation is available here.
Docker installation
Once you have your BA api instance running, you just need to set API_URL env variable:
$ docker run -d \
--name salt-rim \
-e API_URL=http://your-bar-assistant-url \
-e MEILISEARCH_URL=http://your-meilisearch-url \
-p 8080:8080 \
barassistant/salt-rim
For a complete docker compose setup click here.
Manual installation
This steps will build Salt Rim into a static webpage.
- Clone the repository
- Install the dependencies
$ npm install
- Add configuration
Create a new config file in public/config.js, with the following content
window.srConfig = {};
window.srConfig.API_URL = "$API_URL"; // Your API URL: https://api.example.com/
window.srConfig.MEILISEARCH_URL = "$MEILISEARCH_URL"; // Your search engine URL: https://search.example.com/
window.srConfig.DEFAULT_LOCALE = "en-US";
window.srConfig.MAILS_ENABLED = false;
window.srConfig.ALLOW_REGISTRATION = true;
- Run the build commands
$ npm run build
This will create a dist/ folder with ready to use static files.
- Or run a dev server with the following command
$ npm run dev
Contributing
Fork the respository, follow manual installation steps and make your changes. Issues and PR's are appreciated.
This project is tested with BrowserStack.
Internationalization
You can use Crowdin Bar Assistant project, and this will automaticall pull new languages.
<a title="Crowdin" target="_blank" href="https://crowdin.com/project/bar-assistant"><img src="https://badges.crowdin.net/bar-assistant/localized.svg"></a>
If you want to contribute translations of the UI you can find all the strings that need translations in src/locales/ directory. Copy one of the locale files and start translating the strings. For extra information you can check out the i18n plugin this project is using here.
License
Salt Rim is open-sourced software licensed under the MIT license.