lboaventura25/desafio-tecnico-medipreco

Respositório destinado a construção de duas páginas com o framework VueJS para o desafio técnico do processo seletivo Front-end.

Desafio técnico - MediPreço

  Repositório para desenvolvimento da interface disponível no Figma para o desafio técnico da MediPreço durante o processo seletivo.

  É possível ver o projeto rodando clicando em https://lucas-medipreco-desafio-tecnico.netlify.app/.

  As páginas são totalmente responsivas e pensadas para atender a todos os tipos de sistema operacional.

Imagens do Projeto

  Imagem da tela cheia com a opção de disposição em formato de linhas e colunas.

  Imagem da tela cheia com a opção de disposição em linha das bebidas.

  Imagem da tela em um celular com responsividade no formato em linha.

  Imagem da tela em um tablet com responsividade no formato em linhas e colunas.

  Imagem da tela mobile com responsividade no formato em coluna.

  Imagem da tela mobile dos detalhes dos drinks com responsividade.

  Imagem da tela dos detalhes dos drinks no computador.

Como rodar o projeto

• Clone o repositório

git clone https://github.com/lboaventura25/desafio-tecnico-medipreco.git

• Entre no diretório do repositório clonado

cd desafio-tecnico-medipreco

• Instale as dependências do projeto

npm install

• Compilar para desenvolver com hot-reload

npm run serve

• Compilar bundle para produção na pasta /dist

npm run build