I built and sent the app in 2 days with spabase, and netlify

to create something alone. I had ideas but I didn't have time and resources to work.

The opportunity to promote applications or other software's software products grew more about llms development, as Andrerj Kapathy is also emphasized by the word “vibe codes”.

I wanted to take my chances about vibe of codes and I form a web app. This was the testing test that I could create and send an application in 2 days. It was not right, a working product to carry out.

In this article, I will provide the best quality of process including other advice and plots with the tools I used and how much I spend on. If you would like to see the end product first, painted.io.

I have used lovely, a Supabase, and Netlinely in this work.

• It is lovely Ai App buuuilder well.
• Tapabase is a platform for the development that manages all bagendy related processes. Sexual integration between a loved one and the Supabase is an important benefit.
• Netlify is used to send the app. It also provides the purchases of the domain name (if applicable).

Before I start using any tools, I watched a few YouTube videos for people who use and develop them. I would like to express that I don't have any meeting any tools.

Lovely building

It is attractive than free and paid techniques. Pro system has many pricing options with different prices. I bought one cheaper for $ 25 a month, which gives you 100 credits. You also get 5 free credits per day.

100 Credit does not mean 100 Prompts but the amount of credits you use is directly equipped with the message number (ie promotes).

When built a desperate, it has been suggested that there has been a lot of information with clear instruction with clear orders. When you write quickly easier (eg construct the calendar app), you will need to write multiple messages (which means spending multiple credits) to customize. Also, add complex traits after being more complicated than the proclamation at first.

Thus, here's the first answer I have used:

## Objective
Develop a web application that enables users to create customized drawing images using a large language model (LLM).

## Core Features

1. **User Input and Drawing Generation**
   - Users can input a description of the drawing they desire, such as "Bugatti car," "Farmhouse," "Father and Kid," or "Cristiano Ronaldo."
   - Users select a difficulty level for the drawing: Beginner, Medium, or Advanced. 
     - Beginner: Suitable for small children with simple, distinct lines.
     - Medium: Moderate complexity with more details.
     - Advanced: Highly detailed and complex drawings.
   - The application reformats the user's input into a structured prompt for the LLM to generate the drawing.
   - Users can view and download the generated image in PNG format.

2. **User Interface and Experience**
   - Design a clean and modern landing page, similar to a SaaS platform, using whites and soft colors for a minimalist aesthetic.
   - Ensure the interface is intuitive and user-friendly, facilitating easy navigation and interaction.

3. **Authentication and Subscription**
   - Implement user authentication and signup functionality.
   - Offer two subscription tiers:
     - **Free Plan**: Allows up to 3 drawings per month.
     - **Pro Plan**: Allows up to 20 drawings per month at a cost of $20 per month.

## Technical Requirements

- **Frontend**: Use modern web technologies to create a responsive and visually appealing user interface.
- **Backend**: Develop a robust backend to handle user requests, manage subscriptions, and interface with the LLM for drawing generation.
- **Database**: Implement a database to store user information, subscription details, and drawing history.
- **Security**: Ensure secure handling of user data and transactions, adhering to best practices in web security.

## Additional Considerations

- Optimize the application for performance and scalability to handle varying loads and user demands.
- Provide clear instructions and support for users to maximize their experience with the application.
- Consider implementing analytics to track user engagement and drawing preferences for future improvements.

The first design turned a good but I had to make some changes. After the first hurry, I use a lot of messages with only one command. You can also edit the code in the dear UI to make changes and these changes do not eat your credits.

Combination

Although I have written in my first school to add the authenticity and subscription, it did not work because of the lack of proper backend. This is where the Supabase takes place.

It is very easy to add a Subase to your dear projects. You just create a reversal account and follow steps to combine in your project in the dear UI.

When Spabasing compilation is finished, it is lovely you can write the code to add user authentication, create data tables, add middle functions to manage backup activities.

One problem I was there that has been posting applications for testing the user's subscription status. I saw the problem with a network function. I had to use a few messages to like to fix the problem. This can be easy to fix if you are a developer. I can solve myself but I had to spend some time on it. I wanted to move quickly and use the best in everything.

FREE Supabase restrictions have been immediately consumed and I had to improve in a paid program, which costs $ 25 a month. I think the problem I have said above my limit.

Gitity combination

It is lovable makes it very easy to integrate your GitHub account. You can follow the instructions in the dear UI to complete the integration and build a project in GitTub.

Tough: Remember that all interested changes do in your project is committed automatically to the default branch in GitTub. This is the combination of two methods so if you make changes to the default branch using the EDA or GitHub Ui, these changes are automatically used for your Dear Project.

Single problem I was about working with many branches. Dear Documents, stated that it is always popular is possible at the default branch. The default branch was the main branch at the beginning. However, when I created a new branch and puts it as a default branch, the change was not expressed. Continued to commit to the big branch.

One of YouTube videos indicate the option to change the branch with a lovely UI but I couldn't find it. It looks like a lovely UI has changed then. Maybe it's gone. This was not the frequency of me so I moved there but I definitely want to learn the solution to this problem.

Using the app

There are many ways to use your app. I didn't give many thoughts in this step. I've seen a few people using NetLify so I wanted to just try.

Netlify provides free, adequate program for me. It gives you 300 credits and each management costs 15 credits.

Once you have created an account, you can add your GitHub project to netlify by following the instructions.

You can use a Netlify domain name or purchase a custom domain name with netlify. You can buy your background to another location and use it to netlis.

Tough: Automatically, Netsufify automatically sets your site whenever you commit to your production branch. As I mentioned before, automaticism is possible at the default branch. So if your default branch is used as your production branch, which is not a good practice, whenever you make changes in love, NetLify will make the submission. The problem with this is that you will quickly use your Netlify credits.

Dear Works

It is lovable to do a good job to put the whole web app. However, the final product is not perfect. When I put the site, I saw some problems. The good thing is that they all were small problems and I was able to configure their loved ones.

I also wanted to add drawn sample drawings. I tried to do it in love with paintings in the conversation but didn't work. Then, I load the diagrams of sample in Github Ui and I have been asked to create a “free sample samples on the site using the pictures and worked.

How much did i spend

I have spent a total of $ 102 to create my first web app. A simple app that makes the simple thing but my purpose was to see if I would create an active website using AI based tools.

It is important to note that some of these funds can be used for other projects. Now, it's at us to come with many ideas and change it into action.

Thanks for reading. Please let me know when there is a reply.