• ✅ Stack frontend / backend complète
• ✅ Compatibilité CI/CD et Docker
• ✅ Déploiement simple (Docker optionnel)
• ✅ Composants isolés et testables

👉 Looking for the English version? :

Projet	Badge CI
Frontend Angular
Backend JavaScript
Backend TypeScript
Backend Spring Boot

Composant	Badge Docker
Backend JavaScript
Backend TypeScript
Backend Spring Boot
Frontend Angular

• Intégration Continue (CI)
• Images Docker
• Objectifs du projet
• Stack technologique
• Démo en ligne
• Structure du projet
• Configuration du frontend Angular
• Configuration des backends
• APIs exposées
• Démarrage rapide
• Déploiement avec Docker
• Author
• Documentation

🔗 Voir la démo Angular

• frontend-angular
  Application Angular 19 (Incluant Routing, Lazy loading, SSR, PWA, SEO)

• backend-javascript
  API Express.js en JavaScript avec PostgreSQL, MySQL ou données mockées

• backend-typescript
  API Express.js en TypeScript avec PostgreSQL, MySQL ou données mockées

Dans frontend-angular/src/environments/environment.ts :

useDatabase: false,
backend: 'http://localhost:3000',

Dans le fichier .env :

PORT=3000
DB_CLIENT=mock # mock | pg | mysql

git clone https://github.com/ganatan/angular-app.git
cd angular-app

cd frontend-angular
npm install
npm start
# http://localhost:4200

cd backend-javascript
npm install
npm start
# http://localhost:3000

cd backend-typescript
npm install
npm start
# http://localhost:3000

• Docker doit être installé sur votre machine : Installation Docker

docker pull ganatan/frontend-angular
docker run -d -p 4200:4200 ganatan/frontend-angular
# http://localhost:4200

docker pull ganatan/backend-javascript
docker run -d -p 8080:8080 ganatan/backend-javascript
# http://localhost:8080

docker pull ganatan/backend-typescript
docker run -d -p 8080:8080 ganatan/backend-typescript
# http://localhost:8080

• Danny – www.ganatan.com

• 🇫🇷 Tutoriels en français
• 🇬🇧 Tutorials in English