Your First Project

In this tutorial, you will build a complete web application using OmniIDE's autonomous agent. By the end, you will have a working app created entirely by AI.

What You Will Build

A simple task management web app with:

• A Node.js backend with Express
• A clean HTML/CSS/JS frontend
• CRUD operations for tasks
• Local JSON file storage

Step 1: Open a Workspace

Create a new folder called task-manager and open it in OmniIDE:

mkdir task-manager
cd task-manager

Then use File → Open Folder to open this directory.

Step 2: Give the Agent Instructions

Open the Omni-Agent panel and describe your project:

Build a task management app. Use Express for the backend 
with endpoints for creating, reading, updating, and deleting tasks.
Store tasks in a local JSON file. Create a modern frontend 
with HTML, CSS, and vanilla JavaScript.

Step 3: Watch the Agent Work

The Omni-Agent will autonomously:

1. Initialize the project with npm init
2. Install Express and other dependencies
3. Create the server with REST API endpoints
4. Build a frontend with forms and task list UI
5. Set up the JSON storage layer
6. Test the application

Step 4: Review and Iterate

Once the agent completes the initial build, review the code. You can ask the agent for modifications:

Add a search bar to filter tasks by title.
Also add a "completed" toggle for each task.

Next Steps

• Configure OmniIDE to match your development preferences
• Learn about the Agentic Loop — the engine behind autonomous development
• Multi-File Refactoring — scale to larger projects