Skip to main content
Build your first website or application with AutoCoder.cc, starting with a simple idea and turning it into a working project.
1

Sign in to AutoCoder.cc

Register and log in to your AutoCoder.cc account. You can use Google login for quick access. Once logged in, you can:
  • Create new projects
  • Edit generated applications
  • Browse community projects
  • Manage projects in the Workspace
Log in to AutoCoder.cc
2

Describe your idea

After logging in, you will enter the AutoCoder.cc homepage. In the input box, describe the application you want to create in three ways:Enter a PromptDescribe what you want to build in natural language. For example:
  • “Create a restaurant website”
  • “Build a landing page for a product”
  • “Create a task management app”
Enter a KeywordEnter a keyword such as “restaurant” to automatically match relevant templates and quickly get started with your project.
Keyword matching for project templates
Start with a TemplateChoose a template from SparkVibe or Templates and remix it to fit your needs.
SparkVibe and Templates in the sidebar
Remix a SparkVibe project
Choose the approach that works best for you, then continue building and refining your project with AutoCoder.cc.
3

Generate your first project

Click Generate, and AutoCoder.cc will automatically build your application through Progressive Build — from Draft to Requirements to Full Project.Your requirements can come from text, images, files, wireframes, flowcharts, or voice. AutoCoder.cc understands these multimodal inputs and quickly generates an editable Draft of your application.Once you see the Draft, you can preview and edit it.
Editable Draft stage
AutoCoder.cc also organizes your inputs into a structured Requirement List, which helps guide the generation of the Full Project.
Generate Requirement List
Structured Requirement List
The build typically includes:
  • Draft: UI style and page layout
  • Requirements: Pages, user flows, features, and logic
  • Full Project: Frontend, backend, database, and functional logic
You can edit your project at every stage, giving you more control over the final result.
4

Refine your project

After generating the full project, continue improving your application with multimodal AI chat. You can:
  • Add new pages
  • Modify page structures
  • Update functional logic
  • Optimize content and layouts
AutoCoder.cc will update your project based on your instructions, helping you continuously refine and improve your application.
Refine the full project with AI chat
5

Website Publishing and Domain Setup

Once your website is generated, you can publish it directly to the web with flexible domain options:
  • Free Subdomain: Get a public Website URL and secure Backend URL instantly.
  • Purchase a Domain: Search for and purchase a new domain.
  • Custom Domain: Connect your own domain with CNAME and SSL support.
  • Publishing Settings: Choose whether to hide the platform badge.
  • One-Click Publish: Verify your settings and click Publish to launch your website.
Website publishing and domain setup
These functions are introduced in detail in the Features section.
If you have completed your first project, you can continue exploring:

Features

Explore AutoCoder.cc’s full capabilities to learn how to edit and optimize your applications.

FAQ

Find answers to common questions and troubleshooting solutions.