Kafkini

The Great Kafkini knows what the users want!

Kafkini is a single-page Vue app which lets people fill out a form to produce
configs for Mongey’s Kafka Terraform provider.

It’s designed to help non-experts choose the relevant configuration options and
to enforce topic naming standards.

Screenshot

Project Status

Working proof-of-concept only.

This is not a completed project.

Setup

Following https://www.blog.duomly.com/vue-js-tutorial-how-to-create-vue-js-app-in-5-minutes/

Initial project setup (You shouldn’t need to do this):

# get into an environment with node, yarn, etc
./run-development-container.sh

npm install yarn
yarn global add @vue/cli

vue create kafkini
# Choose Vue3 defaults

See also: Vue Configuration Reference.

Development setup:

# get into an environment with node, yarn, etc
./run-development-container.sh
# Install deps (populates `node_modules` dir on host)
yarn install
# Run the linter if desired
yarn lint
# Start development server with live reload on 8080
yarn serve

Production setup:

yarn build
# Now we are ready to serve via any webserver
# For example
cd dist && python3 -m http.server 8000

Production docker:

docker build . -t kafkini:latest
# Running will look something like this
docker run --rm -it -p 8080:8080 kafkini:latest

Random Notes

https://stackoverflow.com/questions/47638650/how-to-bind-vue-data-to-a-dropdown

  • v-if
  • v-show
  • v-hide

GitHub

https://github.com/amfl/kafkini