Skip to content

ygor-salles/ice-cream-frontend

Repository files navigation

💻 App Verzel - Aplicação para gerenciamento do fluxo de caixa de uma sorveteria

Projeto   |    Tecnologias   |    Instruções   |    Melhorias

Interface


💻 Projeto

Frontend App em ReactJS. Plataforma web responsiva para gerenciamento de caixa de uma sorveteria. Com as funcionalidades de crud e relacionamentos para produtos, clientes, vendas, fornecedores, usuários e pagamentos, tela de dashboard sobre vendas por períodos, e tela de login com autenticação.

Repositório Api vinculada: https://github.com/ygor-salles/ice-cream-api


🚀 Tecnologias


📋 Instruções

INTERFACE - FRONTEND

  • Execute $ yarn para instalar todas as dependencias.
  • Crie um arquivo .env e preencha as informações de cada variável de ambiente, as variáveis para serem preenchidas se encontram no arquivo env.example.
  • Após todas as dependencias serem instaladas e as variáveis serem preenchidas, basta executar yarn start para iniciar a interface frontend.

Exemplo de processo para alterações no projeto

  • 1 - Estar no ambiente de dev
git checkout dev
  • 2 - Atualizar o ambiente de dev (git pull)
git pull
  • 3 - Após a atualização criar uma nova branch para alteração, exemplo:
git checkout -b feature/create-user
  • 4 - Após as alterações no código, subir as alterações na branch recém criada:
git add . && git commit -m "feat: create User" && git push origin feature/create-user
  • 5 - Clicar no primeiro link que estiver no terminal que levará direto para o github. Clicar em Create Pull Request, e em seguida se não houver nenhum conflito e após ultima validação das alterações, clicar em Merge request. Com isso a branch de DEV será atualizada com as alterações realizadas. E por fim clicar em delete branch, para finalizar a branch que ocorreu a alteração caso esteja finalizado toda aquela demanda.

  • 6 - Logo após voltar para a branch dev no VSCode (git checkout dev) e executar o comando para atualizar a DEV (git pull). Assim a branch DEV estará atualizada no seu repositório local. E para uma nova demanda, seguir novamente os mesmos passos, criar uma nova branch a partir da dev ...

Atualizar ambiente de staging ou prod a partir do ambiente de dev(local)

  • Entrar na branch staging ou prod
git checkout staging
  • Puxar as alterações de dev
git merge dev
  • Subir as alterações para a branch
git push

📌 Ajustes e melhorias

O projeto ainda está em desenvolvimento e as próximas atualizações serão voltadas nas seguintes tarefas:

  • Tela pagina inicial (Dashboard)
  • Integração produtos (Editar, Deletar)
  • Tela Clientes
  • Tela Vendas (Exibir, Editar, Deletar) e Integração
  • Tela Fornecedores
  • Tela Usuários
  • Tela Pagamentos
  • Login (Ao digitar login e senha incorreto não está exibindo mensagem de erro e "sumindo" a tela)