Skip to content

Salt Rim is a Vue based web client used for connecting to Bar Assistant server instance.

License

Notifications You must be signed in to change notification settings

karlomikus/vue-salt-rim

Repository files navigation

Logo

Docker image License Build Pulls

🍹 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.

Click here to view frontend demo.
Click here to view API demo.
Email: admin@example.com · Password: password

Landing image

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.

  1. Clone the repository
  2. Install the dependencies
$ npm install
  1. 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;
  1. Run the build commands
$ npm run build

This will create a dist/ folder with ready to use static files.

  1. 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.

Internationalization

You can use Crowdin Bar Assistant project, and this will automaticall pull new languages.

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.