Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rickreisme/crudestudantes

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.
https://github.com/rickreisme/crudestudantes

axios backend bootstrap crud crud-application crud-operation docker docker-compose express frontend fullstack nodejs postgres postgresql rickreis rickreisme vite vue vuejs web-development

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/rickreisme/crudestudantes
Owner: rickreisme
Created: 2024-08-28T22:51:29.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-09-22T20:27:54.000Z (3 months ago)
Last Synced: 2024-10-11T04:03:59.801Z (3 months ago)
Topics: axios, backend, bootstrap, crud, crud-application, crud-operation, docker, docker-compose, express, frontend, fullstack, nodejs, postgres, postgresql, rickreis, rickreisme, vite, vue, vuejs, web-development
Language: Vue
Homepage: https://crudestudantes.onrender.com
Size: 1.87 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# CRUD Estudantes

## Sobre

## 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:

- [Node.js](https://nodejs.org/) (recomendado versão LTS)
- [Docker](https://www.docker.com/products/docker-desktop)

### Configuração do Projeto

1. **Clone o repositório:**

```bash
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:**

```env
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:**

```env
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:**

```bash
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:**

```bash
cd frontend
npm install
```

2. **Inicie o servidor de desenvolvimento do frontend:**

```bash
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](http://localhost:8080). O backend estará disponível em [http://localhost:3000](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.