> ## Documentation Index
> Fetch the complete documentation index at: https://docs.atopile.io/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/DwBxr5aqA-UPK0qU/atopile-0.14.x/images/project-create-1.png?fit=max&auto=format&n=DwBxr5aqA-UPK0qU&q=85&s=42cef76acd92aa8852c179a92c617a8e" 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/DwBxr5aqA-UPK0qU/atopile-0.14.x/images/project-create-2.png?fit=max&auto=format&n=DwBxr5aqA-UPK0qU&q=85&s=b185e721f7eb87f2567dc23cfad6eda7" 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/DwBxr5aqA-UPK0qU/atopile-0.14.x/images/project-overview.png?fit=max&auto=format&n=DwBxr5aqA-UPK0qU&q=85&s=efddbcbc832c4f009920f99c4f6048ad" 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/DwBxr5aqA-UPK0qU/atopile-0.14.x/images/project-build.png?fit=max&auto=format&n=DwBxr5aqA-UPK0qU&q=85&s=d160e9f74a8ed77f6e5f4bd8fbdb90f1" 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/DwBxr5aqA-UPK0qU/atopile-0.14.x/images/quickstart-layout.png?fit=max&auto=format&n=DwBxr5aqA-UPK0qU&q=85&s=9f984da1e426a7be30e2642306402aa9" alt="layout" width="1166" height="844" data-path="atopile-0.14.x/images/quickstart-layout.png" />
