Este projeto é uma solução para o desafio proposto para a vaga de front-end junior, utilizando Vue.js e Nuxt.js. O objetivo é criar uma aplicação que permite aos usuários visualizar planos disponíveis, selecionar planos 4D e 5D, adicionar domínios a esses planos e fornecer informações para a compra, incluindo dados pessoais, endereço de faturamento e dados do cartão de crédito.
- Vue.js 2
- Nuxt.js
- Bootstrap
- Listagem de Planos: Os usuários podem visualizar os planos disponíveis.
- Seleção de Planos: Os usuários podem selecionar entre os planos 4D e 5D.
- Customização de Planos: Os usuários podem aumentar a quantidade de domínios nos planos 4D e 5D.
- Formulário de Compra: Os usuários podem inserir seus dados pessoais, endereço de fatura do cartão e dados do cartão de crédito.
- Consulta de CEP: Utilização da API ViaCEP para consulta de endereço.
Para executar este projeto localmente, siga os passos abaixo:
-
Clone o repositório para sua máquina local:
git clone https://github.com/petrevisan/compayz-vuejs-test.git -
Execute o projeto:
yarn dev -
A aplicação estará disponível em
http://localhost:3000.
Uma versão em produção deste projeto pode ser acessada através do seguinte link: Compayz VueJS Test
Este projeto segue a estrutura padrão de um aplicativo Nuxt.js, com componentes Vue reutilizáveis, páginas e layouts. A lógica de negócios para manipulação de dados dos planos e interação com a API ViaCEP é encapsulada dentro dos componentes Vue.
- Pedro Martins Trevisan - pedrotrevs@gmail.com