- ✅ 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? : 
| Composant | Description |
|---|---|
| Frontend | Angular 20 — SPA avec Routing, SSR, PWA, SEO |
| Backend Javascript | Node.js 22 + Express — API REST avec données mockées ou BDD |
| Backend TypeScript | Node.js 22 + TypeScript — API typée avec données ou BDD |
| Backend Spring Boot | Java 21 + Spring Boot — API REST simple et moderne |
| 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
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éesbackend-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',useDatabase | Mode |
|---|---|
false | Données mockées côté frontend |
true | Données réelles via le backend |
Dans le fichier .env :
PORT=3000DB_CLIENT=mock# mock | pg | mysqlDB_CLIENT | Source de données |
|---|---|
mock | Données simulées |
pg | PostgreSQL |
mysql | MySQL |
| Ressource | URL |
|---|---|
| Continents | http://localhost:3000/continents |
| Cities | http://localhost:3000/cities |
| Countries | http://localhost:3000/countries |
| Persons | http://localhost:3000/persons |
| Professions | http://localhost:3000/professions |
git clone https://github.com/ganatan/angular-app.git cd angular-appcd frontend-angular npm install npm start # http://localhost:4200cd backend-javascript npm install npm start # http://localhost:3000cd 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:4200docker pull ganatan/backend-javascript docker run -d -p 8080:8080 ganatan/backend-javascript # http://localhost:8080docker pull ganatan/backend-typescript docker run -d -p 8080:8080 ganatan/backend-typescript # http://localhost:8080- Danny – www.ganatan.com
