Frontend skills needed for the yaml2kotlin UI

[jmfayard]

Context: The library github-workflows-kt allows you to author GitHub Actions workflows in Kotlin instead of YAML.
I'm building the reverse tool to transform your existing YAML file to a Kotlin script using GitHub Workflows KT.

The current UI looks like Piotr and I are backend developers :)

Any front-end help will be greatly appreciated

Ideally it should look more like https://json2yaml.com/

but with Yaml on the left and Kotlin on the right

[AlexHedley]

Worth using the Monaco Editor?

https://microsoft.github.io/monaco-editor/

[jmfayard]

@AlexHedley absolutely, thanks for the tip.
With my very limited knowledge of the frontend world, I tried with highlightjs, who doesn't support textarea

[jmfayard]

Suggestions from Johann Pardaud https://kotlinlang.slack.com/team/U02SEA99VJB

Simple suggestion in case nobody comes:

• can't you use a framework like Bootstrap
• Bulma
• Materialize, etc…?

It won't do that much if you're not a front-end developer, but at least it will be a bit more attractive. 💅

You can also add a simple syntax highlighter with tools like Prism.js.

Every tool I suggest here is easy to use: you don't need to know much about CSS or JS and they don't require any build step 😉

[Chetan11-dev]

I'm interested in contributing code for this project. I have experience creating similar tools, which you can find at https://www.omkar.cloud/tools/json-to-yaml/. It would be great if we could discuss how to integrate my code with the frontend during a meeting. Please feel free to schedule a meeting with me at https://omkar.cloud/l/meet-chetan/.

[jmfayard]

@Chetan11-dev thanks for your offer, I have booked a meeting for monday!

[Chetan11-dev]

@jmfayard Great See you tomorrow at 1:30 IST

[Chetan11-dev]

I am capable of completing the Project within a 2-day timeframe, including Deployment, provided that I am hosting both the frontend and backend for a monthly payment.

[jmfayard]

Thanks Chetan, I will talk with the other maintainers next time we meet