Getting started
How to create a React web app with Div-idy
Div-idy creates browser-based React apps from plain-language prompts. Describe what people should see and do, generate a project, and test the saved private draft. You can refine the app through follow-up prompts, add pages, and publish selected pages when they are ready. You do not need to write React yourself.
What should your first app do?
Choose one clear visitor outcome: calculate a price estimate, answer a quiz, browse a catalog, submit an inquiry, or ask an AI writing assistant for help. Specify the audience, required inputs, and useful result. A small working journey gives you something concrete to improve.
Decide what happens to information. Preferences can stay on the visitor’s device; forms can send submissions to the project owner; owner-managed content can be deliberately published for visitors to read.
Create and generate the project
- Sign in and open My Projects, or start with the prompt on the Div-idy home page.
- Describe the app’s purpose, interactions, appearance, and data needs.
- Submit the request and wait for the build to finish checking and saving.
- Open the saved draft and complete the main user journey.
New pages contain React components written in TypeScript. Div-idy compiles them into the HTML, CSS, and JavaScript that the browser runs.
A first prompt you can adapt
Build a mobile-friendly workshop inquiry app. Show three workshop options. Let visitors select one and submit their name, email, and question to my project database. Show confirmation only after submission succeeds. Keep inquiries private to the owner. Use warm colors, readable type, and a simple one-page layout.
Test behavior and request a focused change
Try blank fields, invalid entries, repeated clicks, and a narrow phone screen. Confirm that the database receives a test inquiry. A successful code check does not prove that every interaction works as intended.
Make the next prompt specific: “Preserve the form and submission behavior. Shorten the introduction and stack the workshop cards on phones.” Continue from the current draft as you refine the experience.
When does the app become live?
Generating and saving update the private draft. Open Publish in the project studio to review and publish the intended pages. Later AI edits remain draft changes until published. Review current plan and usage information before building; a finished app’s AI requests have their own usage controls.