The story of creating "Moyuk," a service that lets you create, run, and share tools in seconds on your browser
I've finally launched my personal project Moyuk, which I've been nurturing for over a year, on Product Hunt, so please let me introduce it.
I wrote about the technical details here!
About Me
I work on electronic medical records and medical billing software at a medical startup while working on personal projects.
I love making things. (From practical tools to art)
A long time ago, I created a CSV editor called SmoothCSV. (I haven't been able to maintain it lately...)
-
Social accounts:
What I made
* Currently, it only supports Chromium-based browsers (Chrome, Edge, etc.) and cannot be used on mobile devices.
To put it simply, Moyuk is a platform that converts functions written in the TypeScript programming language into Web Apps that you can run, manage, and share in your browser. Created Apps can be easily shared via URL.
1. Create an App
Target users: Developers
On this screen, when you write code in TypeScript in the editor on the left, a preview of the App is displayed on the right.
The App's UI is automatically generated from the function's types. No code for the UI or Moyuk-specific code is required at all.
The UI consists of two areas: Input (function arguments) and Output (function return value). Moyuk receives the values entered in the Input, actually executes the function written by the user, and displays the result in the Output.
Reference: Types of fields and their corresponding TypeScript types
2. Use an App
Target users: Anyone (depending on the App's content)
The App you created can be used immediately in the browser.
Apps can be used by anyone just by sharing the link. Of course, you can also make them private.
In addition to the Apps you created yourself, you can find and use Apps published on Moyuk by searching with keywords or from the Explore page.
Here are some of the Apps published on Moyuk.
UUID v4 Generator - A simple tool to generate IDs randomly.
URL Parser - A tool to parse and display URLs. This is also very simple.
OpenAI Chat API Playground - A playground for testing the ChatGPT API. It uses the OpenAI Client Library to call the API and display the results.
Transpile JavaScript / TypeScript with SWC - You can even do advanced things like transpiling TypeScript / JavaScript. (Uses the library called SWC)
For published Apps, you can view the source code, fork them (i.e., copy and modify them), or save them to a collection (WIP).
What Moyuk Solves
Script Sharing and Management
Engineers often write scripts in their local environments to solve small problems, but such scripts lack standard management methods and are rarely shared with others. Even if you want to share them, if the recipient is a non-engineer, you might want a UI for them to run it.Moyuk converts written code into an App that anyone can use, making it easy to run, manage, and share on a browser.
UI Code and Glue Code
With Moyuk, you don't need any code for the UI or code to execute functions. Code that uses UI libraries or frameworks not only increases dependencies and requires specific knowledge, but also becomes outdated quickly due to technology updates and trends.Since Moyuk does not require UI code or Moyuk-specific code, you can focus on domain logic and write long-lasting code.
Getting Started with Moyuk
Please give it a try! 🙏
If you are a developer
Create an App:
Register for an account (free) and start creating your own App. You can also start by forking an existing app.Share an App:
Publish the App you created and share it via URL.Refer to the documentation:
If you have any questions while creating an App, please refer to the Moyuk documentation.
If you are not a developer
Use published Apps:
When you want a tool to automate your work, try searching for public Apps created by the Moyuk community.Request an App creation:
If the App you want isn't on Moyuk, try asking a developer colleague or friend to make it for you. (You are also welcome to ask me via DM, etc.) We are also considering a feature that uses Generative AI to allow non-developers to create Apps using natural language.
Feedback & Inquiries
Feedback, requests, and questions are very welcome. You can use the following channels:
Create an issue in the Moyuk GitHub repository
hello@moyukapp.com Email us at
Or in any other way
Thank you for reading until the end. If you liked it, I would be encouraged if you could leave a Like, a comment, or an Upvote on Product Hunt.
Resources
I wrote about the technical details here:
English version of this article:
Planned features:
Moyuk Roadmap