Esse projeto foi desenvolvido como requisito parcial de avaliação do trabalho de conclusão de curso de Sistemas de Informação da Universidade Estadual de Goiás - Unidade de Itaberaí.
Tendo como principal objetivo auxiliar no cotidiano das oficinas automobilísticas.
Esse projeto foi criado através do Create React App.
Para executar esse projeto é necessário que você tenha algumas ferramentas instaladas no seu dispositivo.
O download do Node está disponível aqui. Após o download e instalação do Node.js, abra console do seu dispositivo e verifique se a instalação foi bem sucedida através do comando:
node -v
Deve aparecer a versão do Node.js que foi instalada.
Após instalar o Node.js, é necessário instalar o yarn, que é o gerenciador de pacotes do Facebook. Essa instalação é feita através do NPM, que por padrão é instalado junto com o Node.js.
npm install -g yarn
O Visual Studio Code é o editor de código recomendável para esse projeto. Você pode fazer o download do Visual Studio Code aqui.
Você pode utilizar o git no diretório desejado para clonar o projeto através do comando:
git clone https://github.com/LeonardoJRibeiro/Sistema-de-gerenciamento-de-oficinas-front-end.git
Ou você pode fazer o download do projeto zipado e descompactar no diretório desejado.
- Abra o Visual Studio Code
- Navegue até o menu "File"
- Clique na opçao "Open Folder"
- Selecione a pasta "Sistema-de-gerenciamento-de-oficinas-front-end" no diretório onde você clonou ou descompactou o projeto.
- Abra o terminal integrado do Visual.
Instale as dependências através do comando
yarn install
no terminal integrado do Visual Studio Code.
O arquivo .env fornece algumas variáveis que são fundamentais para a comunicação com o back-end. são elas:
REACT_APP_API_URL
A URL base para a comunicação com o back-end
REACT_APP_IMAGENS_URL
A URL base das imagens
O arquivo .envExample já possui essas variáveis definidas para a utilização do back-end na dispositivo local, bastando alterar seu nome para ".env".
No diretório do projeto, você pode executar:
O app será executado em modo de desenvolvimento.
Acesse http://localhost:3000 para visualizá-lo.
A página irá recarregar em caso de alterações.
Você também poderá utilizar o console do navegador para verificar erros do eslint.
Compila o app para o modo de produção para o diretório build.
O app estará pronto para o deploy.
Veja a sessão deployment para mais informações.
- ReatcJS
- MaterialUI
- React-Router-Dom
- React-Dropzone
- TypeScript
- MaterailUI Icons
- Marcas
- Cadastro de Marcas
- Alteração de Marcas
- Listagem de Marcas
- Consulta de Marcas
- Modelos
- Cadastro de Modelos
- Alteração de Modelos
- Listagem de Modelos
- Consulta de Modelos
- Peças
- Cadastro de Peças
- Alteração de Peças
- Listagem de Peças
- Consulta de Peças
- Clientes
- Cadastro de Clientes
- Alteração de Clientes
- Listagem de Clientes
- Consulta de Clientes
- Consulta de veículos de Clientes
- Veículos
- Cadastro de Veículos
- Alteração de Veículos
- Listagem de Veículos
- Consulta de Veículos
- Fornecedores
- Cadastro de Fornecedores
- Alteração de Fornecedores
- Listagem de Fornecedores
- Consulta de Fornecedores
- Especialidades
- Cadastro de Especialidades
- Alteração de Especialidades
- Listagem de Especialidades
- Consulta de Especialidades
- Funcionários
- Cadastro de Funcionários
- Alteração de Funcionários
- Listagem de Funcionários
- Consulta de Funcionários
- Serviços
- Cadastro de Serviços
- Alteração de Serviços
- Listagem de Serviços
- Consulta de Serviços
- Ordens de Serviço
- Cadastro de Ordens de Serviço
- Alteração de Ordens de Serviço
- Listagem de Ordens de Serviço
- Consulta de Ordens de Serviço
- Usuarios
- Login
- Cadastro de Usuários
- Alteração de Usuários
- Listagem de Usuários
- Consulta de Usuários
- Oficinas
- Cadastro de Oficinas Candidatas
- Cadastro de Oficinas
- Alteração de Oficinas
- Listagem de Oficinas
- Consulta de Oficinas
- Dashboard