# **My Cookbook**

## `O objetivo é criar uma aplicação de receitas culinárias, a fim de praticar meus conhecimentos no Framework Angular 12 com Bootstrap e Typescript, realizando a comunicação com uma Web API criada em ASP.net.`
<br>

### 👉 **Web App:** https://my-cookbook.azurewebsites.net
### 👉 **Web Api Rest:** http://my-cookbook-api.azurewebsites.net/index.html

## 📌**Stack Front-end:**

- [Angular 12](https://angular.io/)
- [Bootstrap 5](https://getbootstrap.com/)
- [Ng Bootstrap 10](https://ng-bootstrap.github.io/#/home)
- [TypeScript 4](https://www.typescriptlang.org/)
- [Ngx Toastr 14](https://github.com/scttcper/ngx-toastr)

## 📌**Stack Back-end:**

- [.Net 5](https://dotnet.microsoft.com/)
- [EF 5](https://github.com/dotnet/efcore)
- [ASP.net 5](https://dotnet.microsoft.com/apps/aspnet)
- [SqlServer 5](https://www.microsoft.com/pt-br/sql-server/sql-server-2019)
- [xUnit](https://xunit.net/)

### 🏷️ **Versão 1**

🎥 [Vídeo Youtube ](https://www.youtube.com/watch?v=3E-1YAEN120&t=1s)

### 🏷️ **Versão 2**

**Diagrama de classe do domínio**
![home](src/front-end/src/assets/diagrama-de-classe.png)

**Home**
![home](src/front-end/src/assets/home.png)

**Adicionar receita**
![create](src/front-end/src/assets/create-recipe.png)

**Ver receita**
![details](src/front-end/src/assets/details-recipe.png)

**Editar receita**
![editar](src/front-end/src/assets/edit-recipe.png)

**Deletar receita**
![delete](src/front-end/src/assets/delete-recipe.png)

**Menu drop-down das categorias**
![dropdown-categories](src/front-end/src/assets/dropdown-categories.png)
**Todas as categorias**
![categories](src/front-end/src/assets/categories.png)
**Receitas de uma determinada categoria**
![categories](src/front-end/src/assets/category-com-recipes.png)
