Projeto prático de desenvolvimento de uma aplicação teste para vaga de front-end.
As seguintes ferramentas foram usadas na construção do projeto:
Outras bibliotecas e Api's
Como foco do projeto é front-end disponibilizo uma API, com os EndPoints no endereço abaixo.
POST /users
POST /login
Foi utilizado a versão mais recente do framework Angular e o projeto pode ser inicializado da seguinte forma:
Depois das instalações iniciais basta rodar o comando NPM INSTALL ou NPM I na raiz do projeto para instalar todas as bibliotecas e dependências.
npm install
Depois de instaladas pode-se iniciar a aplicação com o seguinte comando e :
ng serve <project> [options]
mais opções encontra-se na documentação oficial em: https://angular.io/cli/serve
- Components - aqui temos os arquivos comuns a toda aplicação tais como Header e Footer.
- Guards - são as guardas de rotas utilizadas para implementar segurança em nossas aplicações.
- Helpers - encontramos aqui o serviço de interceptação de rotas HTTP, antes mesmo de chegar ao servidor.
- Models - modelos da aplicação tais como de Usuario.ts e UsuarioLogin.ts
- Pages - aqui estão as principais páginas da nossa aplicação como HOME, Cadastro e Login
- Services - nessa pasta temos os serviços que fazem as requisições direto na API.
-
Cadastro de Usuários, suas validações e mascaras nos inputs solicitados.
-
Login formulário para acesso à aplicação
-
Home página no qual para ter acesso o visitante tem que fazer um breve cadastro e efetuar login.
- Projeto pode ser encontrado online no endereço: Crud Test.
- Melfre Diego (web developer fullstack)
- (86)99474-9020
- [email protected]
- Melhorias visuais podem ser implementadas posteriormente na pagina home no que diz respeito a responsividade e também criando interceptor para loading, fazendo que o mesmo seja chamado a cada rota e request.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent