Home Original page

GitHub - ganatan/angular-node-java-ai: Angular 20 Starter with Node.js, Spring Boot, and AI (LLM, Voice, Podcast).

Application Fullstack : Angular 20, Node.js et Java 21

logo ganatan

🚀 Objectifs du projet

  • ✅ 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? : English

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

🔧 Intégration Continue (CI)

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

📦 Images Docker

Composant Badge Docker
Backend JavaScript Docker Image Version - Backend JavaScript
Backend TypeScript Docker Image Version - Backend TypeScript
Backend Spring Boot Docker Image Version - Backend Spring Boot
Frontend Angular Docker Image Version - Frontend Angular

📦 Stack technologique

Angular Node Java Docker License: MIT

📚 Table des matières

🌐 Démo en ligne

🔗 Voir la démo Angular

Angular 20 Example Application

📁 Structure du projet

🧩 Frontend

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

🚀 Backends

  • 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

🔧 Configuration du frontend (Angular)

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

🛠 Configuration des backends

Dans le fichier .env :

PORT=3000
DB_CLIENT=mock # mock | pg | mysql
DB_CLIENT Source de données
mock Données simulées
pg PostgreSQL
mysql MySQL

🔗 APIs exposées

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

⚙️ Démarrage rapide

▶️ Cloner le projet

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

▶️ Frontend Angular

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

▶️ Backend JavaScript

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

▶️ Backend TypeScript

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

🐳 Déploiement avec Docker

▶️ Prérequis

▶️ Lancer le frontend Angular via Docker

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

▶️ Lancer le backend Javascript via Docker

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

▶️ Lancer le backend Typescript via Docker

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

👤 Author

📚 Documentation