> ## Documentation Index
> Fetch the complete documentation index at: https://atopile-feature-versioned-docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 2. Hello, World!

> Create a project and build your first component

## Create a project

Click the `+` button next to the project selector to create a new project.

<img src="https://mintcdn.com/atopile-feature-versioned-docs/dI_yfJ-RfufoMYu4/atopile-0.14.x/images/project-create-1.png?fit=max&auto=format&n=dI_yfJ-RfufoMYu4&q=85&s=5799a881eeb085440635ecbb5ec572c6" alt="Create a project" width="868" height="1068" data-path="atopile-0.14.x/images/project-create-1.png" />

Fill in the prompts, then click **Create**.

<img src="https://mintcdn.com/atopile-feature-versioned-docs/dI_yfJ-RfufoMYu4/atopile-0.14.x/images/project-create-2.png?fit=max&auto=format&n=dI_yfJ-RfufoMYu4&q=85&s=f50ee705368661fbacf94bd5ff7fa1b2" alt="Fill in project details" width="794" height="1116" data-path="atopile-0.14.x/images/project-create-2.png" />

Click on `main.ato` in the file explorer to open it in the editor.

<img src="https://mintcdn.com/atopile-feature-versioned-docs/dI_yfJ-RfufoMYu4/atopile-0.14.x/images/project-overview.png?fit=max&auto=format&n=dI_yfJ-RfufoMYu4&q=85&s=df70a8eb5bba75b136f3354b1644222f" alt="Project overview" width="2358" height="1570" data-path="atopile-0.14.x/images/project-overview.png" />

`.ato` files are where design intent is captured. See [`ato` Language](/atopile-0.14.x/essentials/1-the-ato-language) for more details.

Other project files contain metadata and export artifacts. They are auto-generated when creating a new project. See [Project Structure](/atopile-0.14.x/essentials/5-project-structure) for more details.

## Build it

```python theme={null}
import Resistor

module App:
    r1 = new Resistor                 # Create a new resistor
    r1.resistance = 50 kohm +/- 10%   # Set the resistor value
```

Update `main.ato` with this code, then click the **Build** button in the extension.

<img src="https://mintcdn.com/atopile-feature-versioned-docs/dI_yfJ-RfufoMYu4/atopile-0.14.x/images/project-build.png?fit=max&auto=format&n=dI_yfJ-RfufoMYu4&q=85&s=f50bd56ab34aea38df721704ff4e745e" alt="Build button" width="2358" height="1570" data-path="atopile-0.14.x/images/project-build.png" />

Build progress will appear in the **Build Queue** at the bottom of the sidebar.

A green checkmark means success! 🎉

## Views

After a successful build, you can visualize your design with the buttons next to the build button:

* **2D Layout:** opens a built-in viewer showing component placement and board outline.
* **3D Model:** opens a built-in 3D preview of your assembled board.
* **KiCad:** opens the layout in KiCad for routing and detailed editing. Requires [KiCad](https://www.kicad.org/) to be installed.

<img src="https://mintcdn.com/atopile-feature-versioned-docs/c_qwF00FOeiVj0AQ/atopile-0.14.x/images/quickstart-layout.png?fit=max&auto=format&n=c_qwF00FOeiVj0AQ&q=85&s=55dd6b60bdf54653668d0e7514f225ef" alt="layout" width="1166" height="844" data-path="atopile-0.14.x/images/quickstart-layout.png" />
