Skip to content

Latest commit

 

History

History
99 lines (66 loc) · 2.84 KB

README.md

File metadata and controls

99 lines (66 loc) · 2.84 KB
Raw

CRUD Estudantes

Sobre

Esse é um projeto simples feito para treinar as operações CRUD e aprimorar habilidades com Vue.js, Docker e Node.js. O sistema permite realizar as quatro operações básicas em uma lista de estudantes, incluindo adicionar, listar, editar e deletar informações de estudantes.

Tecnologias Utilizadas

  • Vue.js: Framework para construção da interface do usuário.
  • Node.js: Ambiente de execução para o backend.
  • Express: Framework para o servidor Node.js.
  • Axios: Biblioteca para fazer requisições HTTP.
  • PostgreSQL: Banco de dados relacional.
  • Docker: Containerização e gerenciamento dos serviços.
  • Bootstrap: Framework CSS para estilização e design responsivo.

Rodando o Projeto

Pré-requisitos

Certifique-se de ter as seguintes ferramentas instaladas:

Configuração do Projeto

  1. Clone o repositório:

    git clone https://github.com/rickreisme/CrudEstudantes
cd CrudEstudantes

  2. Crie um arquivo .env na raiz do projeto e defina as variáveis de ambiente:

    DB_USER=seu_usuario_do_banco_de_dados
DB_PASSWORD=sua_senha_do_banco_de_dados
DB_HOST=seu_host_do_banco_de_dados
DB_NAME=o_nome_do_banco_de_dados
DB_PORT=a_porta_do_seu_banco_de_dados
VITE_API_URL=url_da_api

    Se você só vai rodar o projeto no dockerfile, defina as variáveis de ambiente para os valores padrões:

    DB_USER=dbuser
DB_PASSWORD=dbpassword
DB_HOST=postgresql
DB_NAME=meubanco
DB_PORT=5432
VITE_API_URL=http://localhost:3000

  3. Inicie todos os serviços com Docker:

    docker-compose up

    Isso iniciará tanto o backend quanto o frontend, além do banco de dados, usando o Docker.

Desenvolvimento Frontend

Se você precisar rodar o frontend separadamente em um ambiente de desenvolvimento, siga estes passos:

  1. Instale as dependências do frontend:

    cd frontend
npm install

  2. Inicie o servidor de desenvolvimento do frontend:

    npm run dev

    Nota: Se você estiver usando Docker para rodar todos os serviços, não é necessário rodar o frontend separadamente.

Testando o Projeto

Após iniciar os serviços com Docker, você pode acessar o frontend no navegador através do endereço http://localhost:8080. O backend estará disponível em http://localhost:3000.

Scripts

  • Frontend:

    • npm run dev - Inicia o servidor de desenvolvimento do Vue.js.

  • Backend:

    • npm start - Inicia o servidor Express.

Para mais informações, consulte a documentação do Vue.js, Node.js, e Docker, conforme necessário.