> ## Documentation Index
> Fetch the complete documentation index at: https://help.sonto.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Projects & Areas

> Making the most of areas and projects

<Card title="Check out a video walkthrough showing projects and areas in Sonto" icon="video" href="/guides/organize-your-way" arrow="true" cta="Open the Walkthrough">
  Get introduced to projects and areas in Sonto.
</Card>

## The difference between projects and areas

An **area** represents an ongoing part of your life, or a role you play. Like "work", "family" or "marketing".
A **project** on the other hand, is finite. It has a clear outcome in mind and you're working towards a
day where you can mark the project complete and close it.

## Creating new projects and areas

You can create a new project or area from the File menu, or from + button at the bottom of the sidebar.
When you hover over that +, a menu will pop up.

<Frame caption="Creating from the sidebar">
  <img src="https://mintcdn.com/space-cf2a2060/JKd4UgoTX8m8I8U_/images/tasks/prar-new.png?fit=max&auto=format&n=JKd4UgoTX8m8I8U_&q=85&s=26945f93241a6dde200cb4f57b45cb13" alt="Creating a new project or area from the sidebar plus button" width="882" height="554" data-path="images/tasks/prar-new.png" />
</Frame>

## Organising tasks in projects and areas

At first glance, a project or area might look exactly like the inbox -- but that is not the case.
One superpower that projects and areas have is [groups](/reference/glossary#group). Groups allow you to create structure.
A group has a name, and you can drag tasks into it. (These are *task groups* — distinct from the planning groups you create in a quarterly plan.)

<Frame caption="Groups in a project">
  <img src="https://mintcdn.com/space-cf2a2060/JKd4UgoTX8m8I8U_/images/tasks/prar-groups.png?fit=max&auto=format&n=JKd4UgoTX8m8I8U_&q=85&s=eb33a0d4de8665a47922754e8acee7ed" alt="Tasks organised into named groups inside a project" width="1544" height="826" data-path="images/tasks/prar-groups.png" />
</Frame>

## Project progress and completion

As you check tasks off, you'll notice the progress pie fills up. This provides a visual indicator
of the progress of your project.

<Frame caption="The progress pie fills up as you check tasks off">
  <img src="https://mintcdn.com/space-cf2a2060/JKd4UgoTX8m8I8U_/images/tasks/prar-progress.png?fit=max&auto=format&n=JKd4UgoTX8m8I8U_&q=85&s=4e93c7dc946e17880e423068566c98ee" alt="A project's progress pie partially filled as tasks are completed" width="784" height="190" data-path="images/tasks/prar-progress.png" />
</Frame>

You can click the progress pie to complete (or un-complete) the project. If there are still open tasks,
you'll be asked if you are sure.

<Frame caption="Click the progress pie to complete the project">
  <img src="https://mintcdn.com/space-cf2a2060/JKd4UgoTX8m8I8U_/images/tasks/prar-done.png?fit=max&auto=format&n=JKd4UgoTX8m8I8U_&q=85&s=59e099245b2b93f33f9acc0b4de33fef" alt="Clicking the progress pie to mark a project complete" width="824" height="226" data-path="images/tasks/prar-done.png" />
</Frame>

## Project deadlines

You can add a deadline to a project. When you do this and the deadline is near (less than 30 days away) it will show up in your sidebar to remind you. The week of the deadline, the project will also show up in your Week screen, and on the day of the deadline, on your Day screen.

## Area emoji

Areas can have an emoji, to give them some colour. You can set an emoji using the … menu or (on Mac) by
clicking the icon. Double clicking the icon removes the emoji.

<Frame caption="Click the area icon to select an emoji">
  <img src="https://mintcdn.com/space-cf2a2060/JKd4UgoTX8m8I8U_/images/tasks/prar-emoji.png?fit=max&auto=format&n=JKd4UgoTX8m8I8U_&q=85&s=099c3d9147cf354b81e9f70865cf510e" alt="Choosing an emoji for an area" width="1178" height="560" data-path="images/tasks/prar-emoji.png" />
</Frame>

## Availability

Projects and areas are available on both **Mac** and **iPhone**.

## Related

<CardGroup cols={2}>
  <Card title="Screens" icon="table-columns" href="/reference/screens">
    Where projects and areas sit among your screens.
  </Card>

  <Card title="Tags" icon="tag" href="/reference/tags">
    A cross-cutting alternative to projects and areas.
  </Card>
</CardGroup>
