gabrielgodoy-zz/gabriel-eletro

🏪

Gabriel Eletro

Acesse a Gabriel Eletro em produção

Índice

• Requisitos
• Comandos
• Board
• Principais tecnologias
• Ferramentas e bibliotecas
• Boas práticas
• Time

☝️ Requisitos

Requisitos para desenvolver e rodar localmente

• Node / npm

💻 Comandos

Instalando Dependências

• npm install

Rodando

• npm run start:dev para rodar o projeto localmente

Criar um build do projeto

• npm run build

📈 Board

• Board
• Milestone

🚀 Principais tecnologias

• Node

📡 Ferramentas e bibliotecas

• nextJS

• Heroku

• TravisCI

Frontend

• Husky

• Prettier

• Tachyons

• Typescript

  • TSLint

• React

  • React Apollo

• Redux

Backend

• GraphQL
  • Graphcool

Testes

• Cypress

• Jest

• Enzyme

Boas práticas

Rules

• Nomes de branches que resolvem uma issue existente devem ser nomeados fix/#ISSUE_ID ou feature/#ISSUE_ID

• O uso de mensagens semânticas de commit é encorajado. Exemplo: docs: better readme

• Usar palavras-chave que automaticamente fecham as issues quando o código é mergeado. Exemplo: closes #123

Changelog

Mudanças no projeto podem ser acompanhadas em CHANGELOG.md

👊 Time

Gabriel Godoy Desenvolvedor

Créditos

Glass Shelf in CSS

Licença

MIT License @ Gabriel Godoy

gabriel-eletro's Issues

Configurar o backend de graphql com graph.cool

Testar o counter interativo com Jest e Enzyme

Testar se a função é chamada ao se clicar no counter de um prateleira

Criar mais cenários de teste

Criar layout básico da loja

O layout consiste em um header, um footer e três prateleiras com produtos

Cada prateleira deve ter botões de "-" e "+" para remover ou adicionar mais produtos. 5 produtos é o máximo que uma prateleira por suportar.

Acessar detalhes de um produto

Ao clicar em um produto deve ser possível acessar os detalhes dele

Adicionar um formatador de preço mais realista nos produtos

Criar interfaces do Typescript para props em Stateless Functional Components (SFC)

Fazer deploy para o Heroku

Fazer deploy para o Heroku e automatizar pelo travis quando master for atualizada

Criar layout responsivo

Criar estrutura base

A estrutura base deve conter todos as tecnologias que serão previstas no projeto.

Possibilidade de sair do modo de edição e ver a loja como um usuário comum

O modo que a aplicação se encontra deve estar armazenada na Store do Redux

Configurar o react-apollo para fazer a query no client de Graphql