Code Monkey home page Code Monkey logo

estagio-test's Introduction

Projeto para Avaliação

O projeto esta organizado em duas pastas, uma contém o back-end(api) e outra possui o fron-end(front-end).

BACKEND

As técnologias utilizadas são:

  • Express
  • JWT
  • Sequelize ORM
  • Docker e Docker-compose
  • MVC
  • Repository Pattern

Executando o Projeto

Para executar o projeto

  • Vá ao diretório raiz da Api.
user@user:~/Desktop/projectfolder$ ls
api  front-end  README.md
user@user:~/Desktop/projectfolder$ cd api
  • Execute o comando npm install
user@user:~/Desktop/projectfolder/api$ ls
controllers  docker-compose.yml  index.js     models        package.json       README.md     routers
database     Dockerfile          middlewares  node_modules  package-lock.json  repositories
user@user:~/Desktop/projectfolder/api$ npm install
  • Execute o comando docker-compose up
 user@user:~/Desktop/projectfolder/api$ ls
controllers  docker-compose.yml  index.js     models        package.json       README.md     routers
database     Dockerfile          middlewares  node_modules  package-lock.json  repositories
user@user:~/Desktop/projectfolder/api$ docker-compose up

Obs: Pode ser gerador um erro ao executar pela primeira vez. Caso ocorra execute o comando novamente.

  • Aguarde a resposta do respectivo comando:
mysql-container | 2021-06-21T00:59:16.270917Z 0 [System] [MY-010931] [Server] /usr/sbin/mysqld: ready for connections. Version: '8.0.25'  socket: '/var/run/mysqld/mysqld.sock'  port: 3306  MySQL Community Server - GPL.

Obs: Pode ocorrer um erro por conta do Sequelize tentar fazer um conexão com o banco enquanto esta criando. Caso ocorra execute o comando novamente.

BACKEND PRONTO!

FRONTEND

As técnologias utilizadas são:

  • Vue
  • Bootstrap
  • Axios

Executando o Projeto

Para executar o projeto

  • Vá ao diretório raiz da Api.
user@user:~/Desktop/projectfolder$ ls
api  front-end  README.md
user@user:~/Desktop/projectfolder$ cd front-end
  • Execute o comando npm install
user@user:~/Desktop/projectfolder/front-end$ ls
babel.config.js  node_modules  package.json  package-lock.json  public  README.md  src
user@user:~/Desktop/projectfolder/front-end$ npm install
  • Execute o comando npm run serve
user@user:~/Desktop/projectfolder/front-end$ ls
babel.config.js  node_modules  package.json  package-lock.json  public  README.md  src
user@user:~/Desktop/projectfolder/front-end$ npm run serve

Utilizando a Aplicação

  • No navegador entre no link http://localhost:8080
  • image1

Rotas da Aplicação

  • / Reponsável pelo login do Cliente no Sistema
  • /create Responsável por criar um novo Cliente
  • /edit Responsável por editar o Client
  • /admin Responsável pelo login do Administrador no Sistema
  • /admin/create Responsável pela criação de um novo Administrador (Apenas para fins de Testes)
  • /admin/panel Responsável pela exibição do painel do Administrador
  • /admin/edit/{id} Responsável pela edição de um determinado Cliente

estagio-test's People

Contributors

flaviofedechenaguiar avatar

Stargazers

Carolina Aguera Aguiar avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.