Giter VIP home page Giter VIP logo

test-fullstack's Introduction

Test Full Stack

Módulos:

  • test (Projeto parent)
  • test-api (Projeto de api, todos os resources deverão ficar nesse projeto)
  • test-main (Projeto para start da aplicação baseada no spring boot)
  • test-model (Projeto de model, todos os pojos e entidades deverão ficar nesse projeto)
  • test-service (Projeto de services, todos os services deverão ficar nesse projeto)
  • test-ui (Projeto de interface, todas as interfaces deverão ficar na pasta static dentro desse projeto)
  • test-config (Projeto de configuração, todas as configurações do projeto deverá ficar nesse projeto)

Classe para start do projeto: com.test.main.TestMain Url para acesso: http://localhost:5000

O objetivo do test é mostrar suas habilidades full stack, para isso as seguintes tarefas deverão ser concluídas.

Backend:

  • Criar um modelo de dados com uma tabela de cadastro de usuários que contenha os seguintes campos:
    • Id
    • Nome (Obrigatório)
    • Email (Obrigatório e válido)
    • Telefone (Obrigatório)
    • Sexo (Obrigatório)

  • Configurar a conexão com o MySql no módulo test-config. O módulo test-config não existe no projeto, crie um novo módulo para isso.
  • O pool de conexão deverá ser configurado com o HikariCP(https://github.com/brettwooldridge/HikariCP)
  • Configure os repositórios de acesso a dados com o Spring Data JPA
  • Crie services para CRUD dessa tabela

  • Disponibilize via api rest e com retorno em JSON os seguintes métodos
    • endpoint POST /api/user
      • Recebe todos os parâmetros obrigatórios para criar um novo usuário
    • endpoint GET /api/user
      • Lista todos os usuários
    • endpoint GET /api/user/{id}
      • Recupera um usuário por id
    • endpoint DELETE /api/user/{id}
      • Remove um usuário por id
    • endpoint PUT /api/user/{id}
      • Edita um usuário por id com todos os campos obrigatórios e que devem ser editados

Frontend:

  • No módulo test-ui crie as seguintes telas

    • url: /#/user/
      • Página que lista todos os usuários cadastrados consumindo a api
    • url: /#/user/add
      • Página para inserir um usuário consumindo a api
    • url: /#/user/{id}
      • Página para visualizar um usuário por id e edita-lo consumindo a api
    • Deverá ser implementado uma ação para remover um usuário por id consumindo a api
  • No final do desenvolvimento do frontend, deverá ser criado com o gulp uma task para minificar o css e javascript


Para finalizar o processo, gere um pull-request para que possamos analisar.

Boa Sorte!!!

test-fullstack's People

Contributors

elderxavier avatar esdrastavares avatar

Watchers

 avatar  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.