Having done some research on vibe coding and how it’s powered by AI coding tools, I thought I’d give it a go.
First, I searched on Perplexity AI for ‘what are the free vibe coding platforms for Javascript’.
The top answer was Bolt, so I gave that a go.
After a quick sign-up using a Google account for the free plan, I was in.
I wanted to try vibe coding something that would be useful for my everyday work, so I thought of a text utility, which would allow you enter some text in one window, operate on that text and then put the result into an output window.
I managed to boil this down to the first prompt I tried, which was:
a javascript text utility tool that allows me to run various options on text in an input text box and then put the results in an output text box
It then produced a fairly amazing first go at the tool, which had loads of options to perform on the input text, plus it was already formatted nicely.
I can only assume lots of other people have asked for something very similar, so it’s a case of “here’s one we made earlier” as I didn’t have to specify much more. My other thought was that this kind of utility might be a popular thing for people to try out when learning Javascript coding, so there’s already lots of examples here and there.
I did add some further prompts, as I wanted to add some further options – removing x characters at the start or end of a line – as there’s been occasions when I’ve been testing, and part of that was mangling test data, and that would be a very handy option to have.
Prompt 2 was:
can we add a format conversion option named ‘Remove Characters at Start of Line’ and let user supply the number of characters via an input box?
Prompt 3 was:
can we add a format conversion option named ‘Remove Characters at End of Line’ and let user supply the number of characters via an input box?
It added these in easily enough.
This is a screenshot of my project, showing the code window (click it to see it in larger size)
I then asked it to publish it and its freely available at https://patw-javascript-text-kax6.bolt.host (please feel free to try it out)
I tested it out and could only find some issues with the Find & Replace option, where sometimes it doesn’t work and you end up with blank Input and Output windows – which is not ideal!
The tool works in all the main browsers – Chrome, Edge, Safari, Firefox – and even works ok on mobile devices such as iPhone, but the UI means its a bit awkward moving about between the Input Text window and the various options, but they do seem to work.
With the sign up, initial setups and creation, the whole process took about 20-30 minutes, plus my subsequent testing of it. All in all, that’s pretty impressive!
With the free account, you get 50k tokens per day and it seems to eat through those pretty quick when you are making changes to your project, but I did manage to get it all done on day 1.
The initial name of it was something like: Javascript Text Utility Tool and I managed to personalize that to @PatWalshTests Text Tool by editing some files in the project – namely App.tsx and index.html – and also making a change in the project Settings.
I’ve also found it generally handy to load it up and paste text into, as it has a built-in counter for Characters/Words/Lines, as you can see in the screenshot below (click it to see it in larger size)
Next, I plan to have another go at vibe coding, next time with something a little less generic, that the platform might struggle to produce without more input from me.
About my testing services: iOS App Testing / Android App Testing / Website Testing / AI Chatbot Testing
Your next step – Contact Me about Software Testing or any of the other services I provide.