Projeto para avaliação de aplicação web desenvolvido para processo seletivo de Desenvolvedor Front-end
Este projeto de aplicação foi desenvolvido durante um desafio proposto, para atender os requisitos que foram solicitados durante um período de 3 dias.
A aplicação possui uma tela de manutenção de cartas, cadastro de cartas, contendo um CRUD (inserção, leitura, edição e remoção de dados), que foram armazenados em localStorage.
É possível acompanhar e filtrar as cartas através do campo de busca.
Pensado na expansão do projeto, foi construido uma aplicação em Angular 12 com validações de usuário, notificações com Toastr e ferramentas projetadas para o futuro da aplicação, como por exemplo: guardião de rotas, serviço de autenticação de usuário para logar/sair da sessão, adição do plugin Datatables dentro do projeto para eventualmente conectar com um servidor back-end, quando for necessário e trabalhar com maior número de dados.
Também foi criado um módulo para organizar a aplicação e um serviço de cartas, para gerenciar o CRUD em localStorage.
- Front-end
- JavaScript + TypeScript para codificação da aplicação.
- CSS para estilização.
- Bootstrap v5 para formato visual da aplicação.
- Angular v12 para validação de formulários e estrutura de projeto.
- Datatables para futuramente ser utilizado
- Toastr para exibir notificações no canto da tela.
Baixe o repositório com git clone e entre na pasta do projeto.
Instale a aplicação através do comando npm install e logo em seguida rode o servidor através do ng serve. É necessário ter o pacote Node instalado na máquina.
Com o servidor rodando, navegue até a rota /cartas
- Instrução de instação
$ npm install
$ ng serve
$ https://localhost:4200/cartas
Este projeto está licenciado sob a licença MIT.
E-mail: rafael.matosr@gmail.com