GithubHelp home page GithubHelp logo

gisellebarbosa / angular-sgu-frontend Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 766 KB

[Front-end] Aplicação web desenvolvida com Angular no front-end, Java com Spring Boot no back-end e PostgreSQL como banco de dados.

Home Page: https://angular-java-psql-sgu-fullstack.vercel.app

HTML 26.02% TypeScript 66.73% SCSS 3.59% JavaScript 3.66%
angular crud-application java postgresql spring-boot

angular-sgu-frontend's Introduction

SGU - Sistema de Gerenciamento de Usuários [Front-end]

O SGU (Sistema de Gerenciamento de Usuários) é uma aplicação web desenvolvida com Angular no front-end, Java com Spring Boot no back-end e PostgreSQL como banco de dados. O principal objetivo deste sistema é fornecer funcionalidades básicas para o gerenciamento de perfis de administradores do sistema ou funcionários.

Funcionalidades

  • CRUD de usuários: O administrador pode realizar operações de criação, leitura, atualização e deleção de usuários.
  • Autenticação e Autorização: O sistema oferece autenticação de usuários e autorização baseada em papéis para garantir que apenas administradores tenham acesso às operações de gerenciamento de usuários.

Tecnologias Utilizadas

  • Angular 16
  • Java 17
  • Spring Boot 3
  • PostgreSQL

Pré-requisitos

Antes de executar a aplicação, certifique-se de ter instalado o seguinte:

  • Angular CLI
  • Java Development Kit (JDK)
  • PostgreSQL

Backend

O back-end deste projeto está disponível em java-spring-postgre-sgu-backend. Certifique-se de configurar e executar o back-end antes de iniciar a aplicação front-end.

Executando a Aplicação

  1. Clone este repositório para o seu ambiente local.
  2. Navegue até o diretório do front-end e execute npm install para instalar as dependências.
  3. Inicie o front-end com o comando ng serve.
  4. Navegue até o diretório do back-end e execute a aplicação Spring Boot.
  5. Certifique-se de ter uma instância do PostgreSQL em execução com o esquema de banco de dados apropriado.

Configuração do Banco de Dados

O esquema do banco de dados está disponível no diretório database. Inicialmente, você pode usar o JSON Server para simular o banco de dados enquanto o PostgreSQL não está disponível. Certifique-se de configurar corretamente o banco de dados antes de iniciar a aplicação.

Utilizando JSON Server (opcional)

Se você ainda não configurou o PostgreSQL, pode utilizar o JSON Server como uma opção temporária. Navegue até o diretório database e execute o comando json-server --watch db.json --port 3000 para iniciar o JSON Server. Isso iniciará um servidor de mock que simula o comportamento do banco de dados.

Certifique-se de migrar para o PostgreSQL assim que possível para garantir uma configuração adequada do banco de dados em produção.

Visualização do Mapa do Site

Você pode visualizar o mapa do site abaixo:

Mapa do Site

Contribuindo

Contribuições são bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request com melhorias, correções de bugs ou novas funcionalidades.

Licença

Este projeto está licenciado sob a Licença MIT.

angular-sgu-frontend's People

Contributors

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