cunhamuril/cantina-ovelha-frontend

Desafio do estágio de front-end proporcionado pela iClouds. Desenvolvido em ReactJS

Cantina do Ovelha - Frontend

Aplicativo de busca e consulta de restaurantes e cardápios. Com objetivo de consultar informações de endereços, horários de funcionamento e promoções do dia.

Desenvolvido em React e consumindo API desenvolvida em Node.js

Sumário

• Workspaces
• Bibliotecas Utilizadas
• Desafios e Problemas
• Possíveis Melhorias
• Uso

Workspaces

• Commitizen
• Create React App.
• ESLint
• Gitflow
• Prettier
• Yarn

Bibliotecas Utilizadas

• Axios: requisições AJAX;
• Bootstrap: biblioteca de classes CSS;
• React Accessible Accordion: componente accordion;
• React Icons: utilização de ícones no projeto;
• Reactstrap: biblioteca Bootstrap para React de componentes estilizados;
• Styled Components: estilização de componentes escrito em JS;
• Styled Media Query: utilizado em conjunto com Styled Components, tem a função de padronizar tamanho de telas para responsividade com media queries.

Desafios e problemas

• Cardápio

  • Organizar produtos e categorias por restaurante no cardápio.

• Cards

  • Posicionar corretamente e responsivamente os cards e selos de avisos (restaurante aberto ou fechado, promoções de produtos).

• Sistema de busca

  • Desenvolver um sistema de busca mais performático e robusto

• Modal

  • Desenvolver um modal exatamente como está no design.

• Horários

  • Lidar com horários e promoções exatamente como pede no escopo.

Possíveis Melhorias

• Performance

  • Sistemas de horários;
  • Sistemas de buscas;
  • Atualizar dados automaticamente sem a necessidade de recarregar ou reabrir a página.

• Estrutura

  • Sistemas de buscas.
  • Testes automatizados.
  • Organização de estilos com Styled Components, Bootstrap e CSS;
  • Responsividade de cards e modais.
  • Estrutura desta documentação.

• Padrões

  • Configurações do ESlint e Prettier;
  • Organização de commits: como escrever commit corretamente e quando realizar commits;
  • Documentação de componentes com Storybook.

Uso

• Executar git clone [email protected]:cunhamuril/cantina-ovelha-frontend-murilo.git para realizar o download do projeto;
• Copiar tudo do arquivo .env.example, criar e colar tudo no arquivo arquivo .env;
• Executar yarn ou npm install para instalar todas as dependências, depois executar yarn start ou npm start. O servidor de desenvolvimento deverá iniciar em https://localhost:3000.