CRUD Fullstack — Países e Universidades

Aplicação web fullstack de cadastro de países e universidades (CRUD), com frontend em Angular e backend em Laravel.

Projeto prático baseado no material didático da disciplina Desenvolvimento Web (UNIVESP).

Stack

Camada	Tecnologia
Frontend	Angular 21 (TypeScript, standalone)
Backend	Laravel 12 (PHP, API REST)
Banco	MySQL
Servidor	Apache

Funcionalidades

• CRUD de países
• CRUD de universidades (com vínculo a um país)
• Relacionamento 1:N (país → universidades)
• Painel com totais de registros
• API RESTful com validação e tratamento de erros

Arquitetura

Angular (cliente)  --HTTP/JSON-->  Laravel (API REST)  --SQL-->  MySQL
     :4200                                 :80

O frontend roda standalone em localhost:4200 e se comunica com o backend via requisições HTTP.

Interface

Como rodar

Pré-requisitos

• PHP 8.2+
• Composer
• Node.js 20+
• Angular CLI (npm install -g @angular/cli)
• MySQL

Backend

cd laravel-crud-app
cp .env.example .env
# Edite .env com suas credenciais MySQL:
#   DB_DATABASE=app_crud
#   DB_USERNAME=seu_usuario
#   DB_PASSWORD=sua_senha
composer install
php artisan migrate
php artisan serve

Frontend

cd angular-crud-app
npm install
ng serve

Acesse http://localhost:4200.

O backend precisa estar rodando para o frontend funcionar (consultas à API).

Estrutura do projeto

crud-fullstack-2026/
├── angular-crud-app/     # Frontend Angular
├── laravel-crud-app/     # Backend Laravel
├── prints/               # Capturas de tela
└── README.md