Create your first app
Let's build your first app together. This journey will take minutes, and at the end you'll have a real working app. We'll use a simple example — a landing page for a café — but the same steps apply to any idea.
Step 1: Create a project
From the dashboard, click "New project". A window will appear asking for:
- The project name — a name you'll recognize your project by later (for example: "Al Aseel Café website").
- Description of first task (optional) — the first thing you want the assistant to build. If you write it here, it will be automatically filled in the conversation so you can start right away.
Click "Create and open workspace", and you'll be taken to the workspace where everything happens.
Step 2: Get familiar with the workspace
The workspace is divided into two sides: on the right is the conversation with the assistant, where you write your requests and see its progress live as it works. On the left are two main tabs:
Files
Your project's file tree with an editor where you can browse the code — and edit and save it if you want, though you'll rarely need to.
Preview
A live window that displays your app as it runs, updating automatically with every change the assistant makes.
Step 3: Describe what you want
In the chat box, write a clear description of what you want to build. The more precise your description, the closer the result will be to your vision. Example:
Example prompt for the assistant
“Create a landing page for a café called "Al-Aseel". Put a large image at the top with the café's name and a welcome message, then a section for the drinks menu with prices, and a section for the location and business hours. Use warm brown and gold colors.”
Send the request, and the assistant will start working right away. You'll see it plan and then write the files, and its steps will appear in the chat moment by moment.
Step 4: Preview and refine
When the assistant is done, go to the Preview tab to see your app live. Do you like something? Great. Want a change? Just ask for it in the chat:
Example prompt for the assistant
“Make the welcome message larger, and add a "Book a table" button below it.”
Repeat this cycle — request, preview, refine — until the app is the way you want it. This is the essence of working in codeyy.
Step 5: Deploy
When you're satisfied, go to the Publish tab and click the publish button. Within moments your app will be available at a real link you can share. Congratulations — you've built and deployed your first app!
You've mastered the basics
You now know the complete cycle. To go deeper, follow How to describe your idea to learn how to write requests that produce the best results.