Gestão de Alunos

Este projeto foi desenvolvido como um sistema gestão de alunos, implementando as operações básicas de um CRUD (Create, Read, Update, Delete). Servindo como aprendendizado sobre integração do frontend web com backend em Node.js e um banco de dados MySQL.

Informações principais

Desenvolvido por:

• Alice Silva ->
  • 📚 Github Institucional https://github.com/AliceLSP
  • 📌 Github Profissional https://github.com/Alicelspires
• Gustavo Robson ->
  • 📌 Github https://github.com/GustavoRobs-11

Objetivos Principais

✔ Demonstrar na prática a integração entre:

• Frontend (HTML/CSS/JavaScript)
• Backend (Node.js + Express)
• Banco de dados (MySQL)

✔ Implementar todas as operações CRUD:

• Create: Cadastrar novos alunos
• Read: Consultar alunos existentes
• Update: Atualizar cadastros
• Delete: Remover registros

✔ Oferecer uma base sólida para:

• Entendimento de APIs REST
• Comunicação cliente-servidor
• Gerenciamento de banco de dados

Tecnologias utilizadas

Tecnolgias	Funções
	Estrutura da página
	Visual da página
	Lógica do frontend e backend
	Ambiente de execução JavaScript
	Framework web para Node.js
	Banco de dados relacional

Como testar o sistema

1. Clone o repositorio em seu Editor de código

  git clone https://github.com/AliceLSP/Gestao_de_Alunos-API_REST.git

2. Configure o banco de dados em seu MySQL Workbench

CREATE DATABASE fatec1;
USE fatec1;

CREATE TABLE student(
    id int auto_increment not null,
    nome varchar(100) null,
    email varchar(100) null,
    primary key(id)
);

INSERT INTO student VALUES
(1, 'Ringo', 'ringo@ig.com'),
(2, 'John', 'john@ig.com'),
(3, 'Paul', 'paul@ig.com');

SELECT * FROM student;

3. Configure as credencias de acordo com as informações do seu MySQL

export const dbConfig = {
  host: 'localhost',        // Mantenha ou altere se usar servidor remoto
  user: 'SEU_USUARIO',      // <= Ex: 'root' ou um usuário específico
  password: 'SUA_SENHA',    // <= A senha do seu MySQL
  database: 'fatec1',       // Nome do banco que você criou
};

4. Inicie o Sistema

node src/js/app.js

5. Com uma extensão, como LiveServer, ou diretamente nas configurações, abra a pagina form.html no seu navegador