How to Create a Web App with Div-idy
This guide starts after you have an account. You’ll create a new project, write a prompt, generate your web app, and iterate until it’s ready to publish.
Quick Answer
To create a web app with Div-idy: go to My Projects, click New Project, name your project, describe the app in one clear prompt, then click Generate. After it loads, you can keep iterating with additional prompts and publish when you’re ready.
Step-by-Step
Go to My Projects
Start from your dashboard (this assumes you already have an account and are logged in).
Open: /myaccount
This is where you create and manage projects.Click “New Project”
Create a new project to generate your web app.
On /myaccount:
Click: New ProjectName your project
Use a simple name you’ll recognize later (example: “Habit Tracker”, “Store Locator”, “Calculator”).
Project name examples:
- Habit Tracker
- Store Locator
- Simple CalculatorWrite a clear prompt
Describe what the app should do. Include the main features, pages/sections, and what data it should store.
Example prompt:
Create a responsive habit tracker web app with:
- add/edit/delete habits
- a weekly completion dashboard
- localStorage saving
- clean, modern UIClick Generate
Div-idy writes the code (HTML, CSS, and JavaScript). After a few seconds, your web app will load.
Click: Generate
Wait a few seconds → Your web app loads.Iterate (ask for changes)
If you want new features or a different look, describe the change and generate again.
Iteration prompt examples:
- Add a dark mode toggle and remember it in localStorage.
- Add a search bar to filter habits by name.
- Make the dashboard a bar chart of completed habits by day.Publish and share
When you’re happy with the result, publish your project and share the link with anyone.
On your project:
Click: Publish
Copy your link → Share itTips for better results
- Be specific: list features as bullet points inside your prompt.
- Start simple: generate the “v1” first, then request improvements.
- Call out data needs: say whether you want localStorage, a database, or no saved data.
- Design direction helps: mention “modern”, “minimal”, “rounded cards”, “mobile-first”, etc.