{"componentChunkName":"component---src-templates-portfolio-post-js","path":"/portfolios/frontend-code-groundpnp/","result":{"data":{"markdownRemark":{"fields":{"slug":"/portfolios/frontend-code-groundpnp/"},"frontmatter":{"title":"GroundPnP","description":"Desafio do Programa Hiring Coders inspirado em uma página do AirBnB","category":"Frontend Code","date":null,"image":"../portfolio/groundpnp/groundpnp-tela-inicial.jpg"},"html":"<p><img src=\"../portfolio/groundpnp/groundpnp-tela-inicial.jpg\" alt=\"Tela Inicial do Portal de Serviços\"></p>\n<p>Durante o programa de Treinamentos Hiring Coders realizado pela Gama Academy em parceria com a VTex, fomos desafiados a criar uma página de escolha de quartos baseadas em uma API fornecida. O site precisava listar os quartos disponíveis, apresentar um mapa da ragião e ser realizado sem ajuda de frameworks CSS ou Javascript. </p>\n<p>Como adendo ao desafio podíamos criar a interação da escolha e a paginação dos quartos, que é como acabei fazendo. Os quartos também estão diretamente vinculados ao seu local do mapa, interagir com um quarto destacará o local no mapa do mesmo.</p>\n<p>Código Fonte: <a href=\"https://github.com/Emanuelpna/groundpnp\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://github.com/Emanuelpna/groundpnp</a> </p>\n<p>Visualização do site: <a href=\"groundpnp.netlify.app/\">groundpnp.netlify.app/</a> </p>","timeToRead":1}},"pageContext":{"slug":"/portfolios/frontend-code-groundpnp/","previousPost":null,"nextPost":{"frontmatter":{"title":"Limpeza Vip"},"fields":{"slug":"/portfolios/frontend-code-limpezavip/"}},"cover":"../portfolio/groundpnp/groundpnp-tela-inicial.jpg"}},"staticQueryHashes":["764694655"]}