Learning Timeline
Key Insights
Auto-Fix Error Feature
You don't need to know coding to fix bugs. If the app isn't running smoothly, simply click on the error notification and the AI will attempt to automatically regenerate the correct code.
All-in-One Advantage
Using Hostinger Horizons simplifies the launch process because you can prototype, purchase a domain, and subscribe to hosting within the same ecosystem without needing to manually extract code to other platforms.
Prompts
Microtasks Prototype Generation Prompt
Target:
Gemini / NotebookLM
Help me craft a prompt that turns text instructions into a working app. Create a prototype app called 'Microtasks'. I want it to break down tasks step by step. Include features for a YouTube video creation workflow: 5 minutes brainstorming, 5 minutes outline, 5 minutes setup, and 5 minutes research. Ensure it is interactive and clean.
Feature Enhancement Prompt (Iteration)
Target:
Hostinger Horizons Sidebar
Add a checklist feature where tasks get a strikethrough when completed. Also, add a working countdown timer for each task that I can start and reset.
Step by Step
Building a Web App Prototype with Hostinger Horizons
- Visit the Hostinger Horizons platform through your web browser.
- Prepare a refined prompt from AI tools like NotebookLM or Gemini that explains your app's functionality (e.g., a Microtasks app).
- Paste the prompt into the main text input box in the center of the screen.
- Click the 'Send' button or the arrow icon to start the code generation process.
- Wait for the AI to finish writing the code and display the first draft of your app in the 'Preview' area.
- Use the input field in the left sidebar to enter follow-up prompts to add specific features (e.g., 'Add a checklist feature with strikethrough' or 'Add a countdown timer').
- Click the send button on the sidebar to update the app's code in real-time.
- Test the app's functionality interactively in the 'Preview' pane (e.g., click checkboxes or run the timer).
- If any errors appear, click on the error message to allow the AI to automatically fix the code (self-fixing).
- Click the 'Export' button to download the code, or click 'Publish' to directly connect the app with a domain and hosting from Hostinger.
