https://github.com/gabrielcoutz/frontend-angular

Este projeto tem como intenção o aprofundamento em Angular, conhecimento e prática do NgRx e aumentar o domínio do Angular Material
https://github.com/gabrielcoutz/frontend-angular

angular angularmaterial api jasmine typescript ui-design ux-design

Last synced: 5 days ago
JSON representation

Este projeto tem como intenção o aprofundamento em Angular, conhecimento e prática do NgRx e aumentar o domínio do Angular Material

• Host: GitHub
• URL: https://github.com/gabrielcoutz/frontend-angular
• Owner: GabrielCoutz
• Created: 2023-04-01T00:05:13.000Z (over 1 year ago)
• Default Branch: develop
• Last Pushed: 2023-04-18T02:53:44.000Z (over 1 year ago)
• Last Synced: 2024-10-16T13:03:37.858Z (20 days ago)
• Topics: angular, angularmaterial, api, jasmine, typescript, ui-design, ux-design
• Language: TypeScript
• Homepage:
• Size: 694 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend para cadastro de usuários e produtos

Consumindo meu próprio backend: NestJS API com Prisma 




  



## Tópicos



 • 📋 Sobre o Projeto 

 • 🔮 Tecnologias 

 • 🛠 Funcionalidades 

 • 🎥 Demonstração 

 • 😎 Autor 



---

📋 Sobre o projeto


Este projeto tem como intenção o aprofundamento em Angular, conhecimento e prática do NgRx e aumentar o domínio do Angular Material

Além disso, faz-se presente o consumo da minha própria API, disponível em um container Docker, no qual é feita a total integração

Não é possível replicar o projeto com o container docker, **ainda**, porém a API está disponível em: github.com/GabrielCoutz/nestjs-prisma-api

---

🔮 Tecnologias


[![Angular](https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white)](https://angular.io/) [![Jasmine](https://img.shields.io/badge/Jasmine-8A4182?style=for-the-badge&logo=Jasmine&logoColor=white)](https://jasmine.github.io/) [![Redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)](https://ngrx.io/) [![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/pt/) [![Material Design](https://img.shields.io/badge/material%20design-757575?style=for-the-badge&logo=material%20design&logoColor=white)](https://material.angular.io/)

---

🛠 Funcionalidades


**Autenticação**

:white_check_mark: Auto Login

:white_check_mark: Route Guards

:white_check_mark: Autenticação em ações

**Estrutura**

:white_check_mark: Componentes puros (Apenas consomem dados, não alteram estados)

**Plus**

:white_check_mark: Todos estados e efeitos são gerenciados pelo NgRx

:white_check_mark: **90%** de code coverage

:white_check_mark: Modelo Gitflow utilizado

:white_check_mark: Feedback em todas ações realizadas (loading, error, alert...)

---

📷 Demonstração


https://user-images.githubusercontent.com/86968853/232657823-af40b65e-e7b9-4324-8051-9851be6be444.mp4

---

😎 Entre em contato


[![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://www.linkedin.com/in/gabrielcoutz/) 



  Desenvolvido por eu mesmo😊