O Desafio NeoApp consiste em desenvolver um E-Commerce de Quadrinhos da Marvel, contendo 3 páginas, a Home Page, Infos Page e Checkout Page. A Home é onde ficam os Cards contendo os quadrinhos, com a opção de comprá-los e ver mais informações, a Infos contém as informações detalhadas de cada quadrinho e a Checkout é onde o usuario finaliza as suas compras. O projeto tem como fonte de dados a API fornecida pela empresa.
- Funcionalidades do projeto
- Layout
- Demonstração
- Passos
- Como rodar esse projeto?
- Tecnologias utilizadas
- Pessoas autoras
- Cupom
- Utilização de ReactJs ou NextJs
- Estilização feita com Styled Components
- Realizar teste E2E com Cypress nos fluxos que achar necessário
- Que a UI seja autoral do participante, esteticamente bonita e simples de usar
- Layout responsivo / mobile first
- Ver o website rodando em algum host estático (Heroku, Netlify, Vercel, Github Pages, etc)
No começo do projeto pensei em desenvolvê-lo para celular e com isso já fui pensando em como ficaria os cards dos quadrinhos e as imagens utilizadas para tal estilização. Após isso comecei a estilizá-lo e fazer a consumação da API para formar os cards. Com isso pronto, parti para a página de informações, onde gerei alguns detalhes do card. Por fim realizei a página de Checkout, tentando deixar mais próxima de um Checkout.
# Clone esse repositório
$ git clone https://github.com/brunomaschietto/desafio-neoapp
# Acesse a pasta do projeto no seu terminal
$ cd desafio-neopapp
# Instale as dependências
$ npm install
# Execute a aplicação
$ npm run dev
Bruno Maschietto Simões Cruz
O cupom para uso é VALE10%, ele te dará um desconto de 10% nos produtos.