Projeto foi desenvolvido como desafio tecnico a respeito da possibilidade de desenvolver as features nele especificadas.
A arquitetura da aplicação foi inspirada nos conceitos de clean architecture, buscando desacoplar conceitos e blocos, deixando o codigo altamente legível :
O Cliente foi montada utilizando o padrão de componentes junto ao redux, cada um com sua funcionalidade evitando dependências entre elas e desta forma tornando-a mais funcional e segura.
| Requerimento | Tecnologia |
|---|---|
| Nodejs | >= 10.0 |
| Camadas | Conteúdo | Função |
|---|---|---|
| Componentes | Componentes são uma lista de paginas reacts componentizadas e estilizadas | Exibem o conteudo da tela separado por blocos |
| Pages | São componentes que reprezentam a tela unindo todos os componentes | Unir componentes e exibir em routes |
| Store | Galeria de reducers/actions/services responsaveis pelo controle de estados e chamadas a api | Reuso de funções (Error handler por exemplo ) |
| Styles | Padrão de guia de estilos globais da aplicação | Centralizar uso de tipos |
💡É necessário ter o NODEJS>=10.0 e a api do stone hero configurada para acesso.
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, .Nodejs Além disto caso queira por as mãos no código é bom ter um editor como o VSCode.
Visto que seja feito a configuração de todas as variaveis de ambiente, você pode seguir o passo a passo.
# Clone este repositório
$ git clone https://github.com/rodrigoazv/hero-cliente
# Acesse a pasta do projeto no terminal/cmd
$ cd commerce-client
# Instale as dependências
$ yarn
# Execute a aplicação em modo de desenvolvimento
$ yarn start
# O servidor inciará na porta:3000 - acesse http://localhost:3000 ou na porta configurada no env example
Esta primeira versão contempla as seguintes features
- Adicionar produto ao carrinho ( Somente quantidade )
- Enviar seu email para receber newsletter
- Ver lista de produtos
- Design responsivo
