Photo by Editor | Chat GPT. Introduction
Web coding is a new term to reach a code -based development with a natural language that indicates manually to develop a working code rather than write. By explaining what we want to AI Assistant, we can get the code that we can run and then improve with more indications. The basic idea is that we still do not have to understand the code syntax in order to achieve the benefits.
Often, ordinary LLM products, such as coding in Chat GPT, result in a scattered code that has difficulty depositing in a complete project. The code needs to be improved multiple times before becoming useful, and if you do not work as expected, you may need modern skills. This is why companies are building AI agents who are capable of building entire coding projects from simple vibing coding. Is one of them Imitation.
In this article, we will go through how we use VIBE coding to build something useful. When you may face coding and problems that you face, we will discover these reservations.
Careful Let’s enter it.
. Copy with vibe coding
There is a coding about providing a definite explanation of what you want to get. By producing a gesture that describes our plan in detail, we can get much better results.
However, everyone who performs web coding is not an expert in programming, so they may not be able to explain the technology and project structure in great detail. This is why we can codify web coding with a tool such as a copy, which only provides a complete structure of the code project from a simple prompt.
Let’s work to create a simple stock price Explorer using a copy. First, register and navigate to the homepage, which should look like the icon below.
After that, pass a specific gesture for the request we want to make. For example, here is an indication of producing a stock -based stock price Explorer.
Create a web -based web app called Stock Price Explorer. It allows consumers to imagine a basic analysis of stock tickest (such as AAPL, MSFT, or MSFT, or BTC-USD), selecting the date limit, and the basic analysis such as stock prices and average and volatility.
Start the chat and wait some time to duplicate the overall plan. When it is completed, you will see a form of approval like the below icon.
You can continue chatting with an agent to adjust the details of the planned plan by the replica, which you can move to the input form, as shown below.
As an alternative, you can choose to approve the project and make a request. Wait for a while until the agent completes the application development. You can choose to get the notification when you either install the Reply application or visit the dashboard just by visiting the dashboard.
When the application is developed, you can look like a picture below.
All code used to prepare the application is available for us to view in adjacent tabs. In addition, we can preview the application and use it to determine whether it is working as a purpose.
Generally, the basic application will work well according to the indication we provided, though there are still many reservations for review, such as overall features, insects and security.
Security is the most important issue, because many people who do web coding often do not realize that their important credentials, such as the API keys, are pushed into the public domain. It is a concern for security, which is often identified only by these people in the technical sector and has been ignored by the Veb Coorders.
LOY of Veb Coding, you can use the following prompt to the agent to evaluate insects and safety measures for your request.
Please review the application for potential insects and suggest any safety methods or safety measures that are implemented before deployment.
Using the aforementioned indicators, the Repeat Agent will evaluate the overall application made, fix any mistakes, and provide a comprehensive report on further proposed methods.
Another problem that is often aroused when web coding is external integration with other applications, such as a database or user verification.
The Veb coders using the replica, the agent often recommends adding different external contacts, such as database. If you have a special increase in mind, you can go to the tools tab and ask a copy to include it in your request, as shown in the picture below.
Often, this will require you to pay an additional charge for services, so evaluate them before you decide to use a specific tool.
If you think the application is already good enough and it has all our features, we can deploy it to the public. Most expert users can download all the files and deploy them yourself.
However, if you are not familiar with the deployment process, the duplicate provides a deployment procedure where we can publish our application with four different deployment varieties according to our needs. The selection of deployment is shown in the picture below.
All of them need payment, so just move forward when you think the application is ready to use. Otherwise, keep talking with the agent until you are satisfied with the results.
Now you just need to know. Try it, and you will be able to make the code useful in three hours with duplication.
. Conclusion
Veb coding is a process that uses generative LLM to produce a working code fully from natural language input. Veb coding is beneficial because many non -developers can produce only some useful by providing indicators, without the need to understand the basic details.
In this article, we find out how to prepare a stock price Explorer and resolve various issues that can arise, such as insects, safety measures, external device contacts, and deployment.
I hope it has helped!
Cornelius Yodha Vijaya Data Science is Assistant Manager and Data Writer. Elijan, working in Indonesia for a full time, likes to share indicators of data and data through social media and written media. CorneLius writes on various types of AI and machine learning titles.