Angular 19 – Application Fullstack

👉 If you don’t speak French, the English version is here:

Ce dépôt contient une Application Web fullstack.

• frontend-angular: Application frontend Angular 19
• backend-javascript: API Javascript utilisant des données simulées ou réelles (PostgreSQL/MySQL)
• backend-typescript: API TypeScript utilisant des données simulées ou réelles (PostgreSQL/MySQL)

---

🌐 Démo en ligne

🔗 Voir la démo Angular

---

📁 Structure du projet

🧩 Frontend

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

---

🚀 Backends

• backend-javascript
  API Express.js en JavaScript (ESM)
  Données mockées ou base de données (PostgreSQL/MySQL)

• backend-typescript
  API Express.js en TypeScript
  Données mockées ou base de données (PostgreSQL/MySQL)

---

🧪 Starters techniques (bonus)

• backend-javascript-commonjs
  Starter JavaScript Node.js avec CommonJS (require/module.exports, ESLint, Jest, Webpack)

• backend-javascript-esm
  Starter JavaScript Node.js avec ESM (import/export, ESLint, Jest, Webpack)

• backend-java21-springboot
  Starter Java21 Spring Boot (JUnit)

---

🔧 Configuration du frontend (Angular)

Dans 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

▶️ Frontend Angular

git clone https://github.com/ganatan/angular-app.git
cd angular-app/frontend-angular
npm install
npm start

🔗 http://localhost:4200

---

▶️ Backend Node.js (ESM)

cd angular-app/backend-javascript
npm install
npm start

🔗 http://localhost:3000

---

▶️ Backend TypeScript

cd angular-app/backend-typescript
npm install
npm start

🔗 http://localhost:3000

---

👤 Auteur

• Danny – www.ganatan.com

---

📚 Documentation

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