Skip to content

joselainejrs/marvel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 

Repository files navigation

Imagem

Um projeto evolutivo para o meu aprendizado no mundo da programação

Instalação

Web

$ npm install -g @angular/cli

Versão do angular : $ @angular "~13.2.0"

Execute o aplicativo

$ ng serve
$ npm run start

Execute as dependências

$ npm i guid-typescript --save
$ npm install --save ngx-mask

Descrição do projeto

O projeto foi desenvolvido em Angular8+, com o framework usei o formato de formulários Reativos, form validation, diretivas estruturais, mascaramento, trabalhei com o famoso componentização, passagem de valores por routes, tratamento de data e valores, manipulação de dados no localStorage do getItem e do setItem, organização de pastas e entre outros.

Apis

A parte principal do projeto é a listagem, detalhamento dos HQ’s da Marvel, usando a própria API da Marvel e no momento do cadastro foi usado a API ViaCep que traz as informações do endereço .

Porque desenvolver esse projeto?

A ideia de codar um projeto com tudo que eu aprendo e aprendi começou há algum tempo, inicialmente ele foi elaborado por mim em um programa de formação na empresa onde eu trabalhava com intuito dos estagiarios aprenderem sobre o mundo do frontEnd, gostei bastante da ideia e resolvi codar e incluir mais alguns detalhes para o projeto e está valendo cada momento poder codar e aprender mais.

Mas afinal o que é esse projeto?

O protótipo tem como proposta consumir API da Marvel. Mas não fica só por ai, o protótipo foi desenhado com jornada de cadastro, login, forma de "pagamento por cartão" o usuário já cadastrado pode visualizar as hqs disponíveis e compra-las, pode ver as compras feitas e editar os seus dados no seu perfil de usuário.

Projeto Elaborado

Link do figma : https://www.figma.com/proto/s8yhZfFJ5cskPPqov3yuRw/Case---Projeto-de-forma%C3%A7%C3%A3o?type=design&node-id=1802-3&t=lsrpVrpGWke7dz9Q-0&scaling=min-zoom&page-id=6%3A397

Projeto desenvolvido por: Joselaine Romão Soares