/UltraCar

Uma aplicação baseada no front-end escrita com JavaScript, utilizando o framework React.js e Context Api para o estado!

Primary LanguageJavaScript

Contributors LinkedIn


Logo

UltraCar Services

Projeto com base em uma aplicação de gestão de uma oficina!

Índice
  1. Sobre o projeto
  2. Começando
  3. Contribuindo
  4. Contato

Sobre o projeto

Projeto de Gerenciamento de Serviços

Este projeto foi desenvolvido visando boa prática de programação e clean code, onde a aplicação é composta por diferentes componentes. Para a construção do Front-end, foi utilizado o framework React.js juntamente com Context Api para gerenciar o estado global.

Dificultades

O objetivo era a implementação de uma funcionalidade de QrCode para validar e retornar os dados do cliente, não achei uma melhor forma de implementar isso por agora, por isso achei uma outra forma de identificação rápida, que é por meio do cpf, mais gostaria muito de aprender mais sobre a implementação de QrCode's, ficaría bem completa a aplicação!

Funcionalidades

A aplicação é formada apenas por um Front-end, devido ao tempo proposto, mas está bem funcional, sendo capaz de realizar as seguintes funcionalidades:

  • Identificar um cliente pelo seu cpf (que já deve estar salvo no banco de dados), ocorrerá uma validação se o cliente realmente está cadastrado;
  • Será redirecionado para a tela do cliente onde o funcionário será capaz de ver as informações do cliente, como (dados do cliente e dos carros em sua posse)
  • Nessa mesma tela o funcionário será capaz de adicionar um serviço, incluindo peças se necessário;
  • Cada peça contém seu próprio valor;
  • Ao clicar no botão Serviços, o funcionario será redirecionado para a tela de serviços, onde poderá visualizar todos os serviços inicializados como os finzalizados;
  • O funcionario poderá confirmar o serviço e finaliza-lo, recebendo a data de conclusão e de término;
  • Caso queira gerenciar os serviços de outro cliente, basta clicar em logout no Header da página, o funcionário será direcionado para a tela de identificação, onde poderá começar o processo novamente;

ATENÇÃO: Por conta da falta de um back-end, os dados são mocks, ou seja, essa aplicação é com fins demostrativos de um front-end!

Para se identificar na tela de identificação use o cpf:

  • 197.201.358.40

CPF's exclusivos, para os seguintes clientes:

  • Patricia Magi: 123.456.789-10;
  • Jonathan Cristian: 987.654.321-12;
  • Genesis Pereira: 111.222.333-44;
  • Wilson Salles: 555.444.333-22;

(de volta para o topo)

Construído com

  • react
  • java-script
  • css
  • html
  • git

(de volta para o topo)

Começando

Para fazer um COPY desse projeto em sua máquina localmente, siga às etapas abaixo.

Instalação

  1. Clone o repositório
  • Use o comando:
git clone git@github.com:Lucdomingues/UltraCar.git
  1. Instale as dependências
npm install
  1. Crie uma branch a partir da branch master
  • Verifique que você está na branch master
    git branch
  • Se não estiver, mude para a branch master
    git checkout master
  • Agora crie uma branch à qual você vai submeter os commits do seu projeto
    git checkout -b nome-da-branch
  1. Adicione as mudanças ao stage do Git e faça um commit
  • Verifique que as mudanças ainda não estão no stage
    git status
  • Adicione o novo arquivo ao stage do Git
    git add .
    git status
  • Faça o commit inicial
    git commit -m '[feat]new-feature'
    git status

(de volta para o topo)

Contribuindo

As contribuições são o que torna a comunidade de código aberto um lugar incrível para aprender, inspirar e criar. Quaisquer contribuições que você fizer são muito apreciadas.

Se você tiver uma sugestão para melhorar isso, bifurque o repositório e crie uma solicitação pull. Você também pode simplesmente abrir um problema com a tag "melhoria". Não se esqueça de dar uma estrela ao projeto! Obrigado novamente!

  1. Faça um Fork do projeto
  2. Crie sua branch (git checkout -b feature/newFeature)
  3. Commit suas mudanças (git commit -m '[feat]Add some newFeature')
  4. Dê um push em sua branch (git push origin feature/newFeature)
  5. Abra um Pull Request

(de volta para o topo)

Contato

EMAIL - lojalucc@outlook.com

LINKEDIN - https://www.linkedin.com/in/lucas-domingues-developer/

(de volta para o topo)