> For the complete documentation index, see [llms.txt](https://jorgeguerrabrazil-github.gitbook.io/angular-unit-testing-and-numerical-analysis/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jorgeguerrabrazil-github.gitbook.io/angular-unit-testing-and-numerical-analysis/creating-our-log-in-system/getting-started.md).

# Getting started

Even though the core idea of the app is numerical analysis, the app is already created, and most likely I will not be able to cover everything. Thus, I have decided to focus on more generic details from the app: one with more specific interesting can access the app on GitHub! Log in system is quite generic, and can be handy if someone wants to create special features, or even say subscription models!&#x20;

![Subscription models! ](/files/xrtUovqxmIa6Ivu0FqkT)

{% hint style="info" %}
**Remember** that we have a GitHub repository for the app. Give [our repo](https://github.com/JorgeGuerraPires/Miyagi-Do-lab) a  ⭐
{% endhint %}

Remember, even thougth we starting from the last feature I have added to the app, and most likely the last one you add too, this is just to keep the course as generic as possible, aftermath I want to sell! Guilty as charged!

Even though most likely I am going to add section priori to that, talking about Angular, I want to treat the section as the first time you meet Angular, I want the parts to be as independent as possible, and more, repeat important concepts is better than leave something imperative untouched.

## Creating our first app

From your terminal, just type:

```
ng new miyagi-do-lab
```

{% hint style="info" %}
I have decided to go on desktop, but you still create your app on [StackBlitz](https://stackblitz.com/), see the course for more details!&#x20;
{% endhint %}

{% hint style="info" %}
**Nice trick**: Create a folder on your computer, go to the place, remove the upper part of the explorer, as so you can type `cmd`, the prompt command should open. Just type `code .` that should open VS code on the place you created the project!&#x20;
{% endhint %}

This command will create a basic app, but fully functional!

![](/files/sZT2XUcL9vPPaqCY8VQP)

Go the folder and type:

```
npm start
```

![What you are going to see, on your VS code ](/files/6USwS50EdRh35WUdKuNW)

{% hint style="info" %}
npm is a package manager for the JavaScript programming language maintained by npm, Inc. npm is the default package manager for the JavaScript runtime environment Node.js.

We are going to use `npm` in two scenarios: i) install external packages; ii) execute codes from scripts.&#x20;

Do I need to use `npm`? no, you can use `yarn`, from Facebook!&#x20;

{% endhint %}

*What I just did?*  you executed a script! Some scripts are standard, therefore, this short notation, others, you must use `npm run`: the scripts go in the scripts section of the project `package.json` file. It is nice to use `npm start` because it is a standard, even for Node.js.&#x20;

![Your app up and running! ](/files/yHXag0wlNvojmUTz1xbS)

{% hint style="info" %}
Go to the browser and insert <http://localhost:4200/>. You app is locally in your machine!
{% endhint %}
