Skip to content

Projeto de avaliação de aplicação web desenvolvido para processo seletivo de Desenvolvedor Front-end

Notifications You must be signed in to change notification settings

rmatos10/hearthStone

Repository files navigation

HearthStone: O Jogo

HearthStone: O Jogo

Projeto para avaliação de aplicação web desenvolvido para processo seletivo de Desenvolvedor Front-end

Conteúdo

Sobre a aplicação

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.

🛠️ Tecnologias

  • 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.

🚗 Iniciando a aplicação

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

📸 Pré-visualização

Tela manutenção de cartas

Tela cadastro

Tela cadastro validações

⚖️ Licença

Este projeto está licenciado sob a licença MIT.

📧 Contato

E-mail: [email protected]

About

Projeto de avaliação de aplicação web desenvolvido para processo seletivo de Desenvolvedor Front-end

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published