modern-angular

Projeto Angular configurado para rodar 100% via containers Docker, sem necessidade de instalar Node.js ou Angular CLI localmente.

---

🚀 Tecnologias utilizadas

• Angular
• Node.js 22 (via Docker)
• Docker
• Docker Compose

---

📦 Pré-requisitos

Antes de iniciar, certifique-se de ter instalado:

• Docker Desktop (Windows, macOS ou Linux)
• Docker Compose (já vem com o Docker Desktop)

❗ Não é necessário ter Node.js ou Angular instalados localmente.

---

📁 Estrutura principal do projeto

modern-angular/
├── .vscode/
├── public/
├── src/
├── .dockerignore
├── .editorconfig
├── .gitignore
├── Dockerfile
├── docker-compose.yml
├── angular.json
├── package.json
├── package-lock.json
├── tsconfig.json
├── tsconfig.app.json
├── tsconfig.spec.json
└── README.md

---

▶️ Como subir o projeto usando Docker

1️⃣ Clone o repositório

git clone https://github.com/SEU-USUARIO/modern-angular.git
cd modern-angular

---

2️⃣ Suba a aplicação com Docker Compose

docker compose up --build

Ou em segundo plano (modo detached):

docker compose up --build -d

---

3️⃣ Acesse a aplicação

Abra o navegador em:

👉 http://localhost:4200

O Angular estará rodando dentro de um container Docker.

---

🔥 Hot Reload (Live Reload)

O projeto está configurado para hot reload, ou seja:

• Alterações em arquivos dentro de src/
• Atualizam automaticamente o navegador

Isso funciona porque:

• O código é montado via volume no container
• O Angular roda com polling ativado

---

⛔ Parar a aplicação

Para parar os containers:

docker compose down

Ou parar apenas o container Angular:

docker stop modern_angular_app

---

🐳 Comandos úteis do Docker

# Ver containers em execução
docker ps

# Ver logs do Angular
docker logs modern_angular_app

# Entrar no container
docker exec -it modern_angular_app sh

---

🧪 Executar comandos Angular dentro do container

Exemplo:

docker exec -it modern_angular_app ng version

Ou:

docker exec -it modern_angular_app npm install nome-do-pacote

---

🏗️ Build para produção (opcional)

docker exec -it modern_angular_app npm run build

Os arquivos finais serão gerados na pasta:

dist/modern-angular

---

📌 Observações importantes

• Este setup é voltado para desenvolvimento
• Em produção, recomenda-se usar um Dockerfile multi-stage com Nginx

---

👨‍💻 Autor

Projeto desenvolvido por Matheus Higino 🚀

---

📄 Licença

Este projeto está sob a licença MIT.