README.md

Quero trabalhar na Boticário: Front-End

Desenvolver uma aplicação HTML5 + CSS3 + JS

Instruções

• Faça um fork desse projeto para a sua conta pessoal do GitHub, ou BitBucket.
• Siga as especificações abaixo.
• Crie um README com as instruções para compilar, testar e rodar o projeto.
• O link do repositório deverá ser enviado para o e-mail [email protected] com o título Teste Front-End

Especificações técnicas

• Utilizar HTML5, CSS3 e JS (Vanilla, jQuery, Vue, React ou Angular... Fica a seu critério)
• Mobile first e responsivo

A missão

Desenvolver uma página, baseando-se no wireframe abaixo (PSD e PNG na pasta assets):

Hover mini cart:

• Os produtos precisam ser consumidos de um .json (está na pasta assets) via ajax.
• Ao clicar no produto, o mesmo deve ser adicionado ao carrinho.
• Último e não menos importante, deixe sua imaginação fluir.

O que será avaliado?

• Semântica Web
• Organização do código
• Lógica do código
• Uso do Git
• Documentação
• Automação de tarefas (Gulp? Grunt? Webpack? :D)

Acreditamos que 1 (um) dia, é um tempo legal para resolver o desafio proposto, mas sabemos que nem todo mundo tem o mesmo nível de disponibilidade. Portanto, nos avise se precisar de mais tempo ;)

Challenge

Este projeto foi criado com Angular CLI versão 8.1.2.

Preparando o ambiente

• Instale o NodeJS e NPM de https://nodejs.org/en/download/.
• Instale o Angular CLI globalmente ao executar

npm install -g @angular/cli

no prompt de comando.

• Faça o download ou clone o projeto no Github.
• No prompt de comandos, instale as dependências ao executar o comando

npm install

a partir do diretório raiz do projeto (pasta onde o arquivo package.json está localizado).

Executando a aplicação

No prompt de comando, navegue até o diretório raiz do projeto. Você pode iniciar a aplicação de duas formas:

• Com o NPM ao executar

npm start

• Com o Angular CLI ao executar

ng serve

Agora é só abrir a aplicação no endereço http://localhost:4200/.