---
title: Introduction
---

import useBaseUrl from '@docusaurus/useBaseUrl';

:::tip Skip the Tutorial & See Wasp in Action 👹?
It's possible because we've set up an in-browser dev enviornment for you on Gitpod.
You will be able to see and edit the finished ToDo app with no setup required. 
<p align="center">
     <a href="https://gitpod.io/#https://github.com/wasp-lang/gitpod-template">
          <img src="https://gitpod.io/button/open-in-gitpod.svg" />
     </a>
</p>
:::

:::info 
If you want to run Wasp locally and haven't yet set it up, check out [Getting Started](/getting-started.md) first for installation instructions, and then continue with the tutorial.
:::

Let's build together a simple Todo App in Wasp!

<img alt="How Todo App will work once it is done"
     src={useBaseUrl('img/todo-app-tutorial-intro.gif')}
     style={{ border: "1px solid black" }}
/>

<br />
<br />

This tutorial will take you step by step through the most important features of Wasp.

If you get stuck at any point (or just want to chat), reach out to us on [Discord](https://discord.gg/rzdnErX) and we will help you!

You can check out the complete code of the app we are about to build with Wasp [here](https://github.com/wasp-lang/wasp/tree/release/examples/tutorials/TodoApp).

:::tip
If you are interested at any moment in what is Wasp actually generating in the background, take a look at `.wasp/out/` directory in your project.
:::