/test-hype-frontend

Este é um projeto desenvolvido para um teste na empresa Hype Empreendimentos, em um processo seletivo de Frontend. A aplicação é um simples Shopping Cart, que inicialmente faz uma requisição a uma api pública para obter imagens aleatórias e com dados forncecidos pela empresa, gera o nome dos produtos, preços e descrição.

Primary LanguageJavaScriptMIT LicenseMIT

Bem vindo(a) ao projeto Hype (Frontend)!

Este é um projeto desenvolvido para um teste na empresa Hype Empreendimentos, em um processo seletivo de Frontend.

A aplicação é um simples Shopping Cart, que inicialmente faz uma requisição a uma api pública para obter imagens aleatórias e com dados forncecidos pela empresa, gera o nome dos produtos, preços e descrição.

  

Instruções para visualizar o projeto

  

Visualizar deploy no Heroku

  1. Acesse pelo navegador: https://hype-frontend.herokuapp.com/

  

Visualizar com instalação do projeto

Através do terminal do seu computador:

  1. Clone o repositório:
    • git clone git@github.com:ricardo-sousa-dev/test-hype-frontend.git
  • Entre na pasta do repositório que você acabou de clonar:
    • cd test-hype-frontend
  1. Instale as dependências e inicialize o projeto
  • Instale as dependências:
    • npm install
  • Inicialize o projeto:
    • npm start

  

Visualizar com Docker

(É necessário ter o Docker instalado na máquina!)

Através do terminal do seu computador:

  1. Clone o repositório
    • git clone git@github.com:ricardo-sousa-dev/agrotis-frontend.git
  • Entre na pasta do repositório que você acabou de clonar:
    • cd agrotis-frontend
  1. Acione o Docker para instalar e iniciar a aplicação:
  • Execute:
    • docker-compose up
  • Acesse a aplicação pelo navegador:
    • http://localhost:3000/
  • Para encerrar a aplicação e remover o volume criado:
    • docker-compose down -v

  

Executar os testes

Através do terminal do seu computador:

  1. Execute o Cypress interativo e clique no arquivo de teste na tela que se abrirá.
    • npx cypress open

  

Quer conversar a respeito do projeto? Me envie um e-mail. :)