https://github.com/thalialevy/pub-project-frontend
Neste projeto criei um front em Angular para consumir uma API em Node com temática Bar, desenvolvido durante treinamento starter na GFT.
https://github.com/thalialevy/pub-project-frontend
angular bootstrap
Last synced: about 1 year ago
JSON representation
Neste projeto criei um front em Angular para consumir uma API em Node com temática Bar, desenvolvido durante treinamento starter na GFT.
- Host: GitHub
- URL: https://github.com/thalialevy/pub-project-frontend
- Owner: ThaliaLevy
- Created: 2023-01-09T15:15:09.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-03-18T02:31:40.000Z (about 3 years ago)
- Last Synced: 2025-01-21T17:49:30.315Z (about 1 year ago)
- Topics: angular, bootstrap
- Language: TypeScript
- Homepage:
- Size: 2.16 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Desafio GFT - Angular
Breve descrição:
O projeto tem como objetivo criar um front em Angular ao consumir a API Pub (Projeto backend de autoria do https://github.com/ArcenioSouza).
Para testar o projeto
1. npm install para instalar as dependências
2. Subir a aplicação via terminal: ng serve (porta padrão: http://localhost:4200/)
3. Necessário também que o backend (projeto Pub) esteja rodando (porta padrão: http://localhost:5000/)
Conta usuário admin: admin@teste.com
Conta usuário comum: comum@teste.com
Senha (para ambas): 123
Sobre o sistema:
- CRUD para Bebidas;
- CRUD para Comidas;
- CRUD para Eventos;
- CRUD para Agendamentos;
- CRUD para Funcionários;
- CRUD para Fornecedores;
- CRUD para Usuários;
- Login com validação de perfil através do token e gerenciamento de permissão para ver/acessar rotas, páginas e/ou elementos.
- Upload de imagem a partir de seleção no computador;
- Tratamento de datas;
- Home e logo personalizada com informações fictícias sobre o tema;
- Layouts personalizados para o tema;
- Validações em todos os formulários;
- Tela para visualização de agendamentos realizados pelo usuário logado;
- Banco populado.
Tecnologias utilizadas:
- Node v16.17.0 -> Download do Node: https://nodejs.org/en/download/
- Angular -> No terminal: npm install -g @angular/cli
- Angular Material v15.0.4 -> No terminal: ng add @angular/material
- Bootstrap v4;
- Angular JWT;
- Auth Guard.
