Skip to content

Angular 19 Fullstack App with SSR, PWA, SEO, and Node.js backend

License

Notifications You must be signed in to change notification settings

ganatan/angular-app

Repository files navigation

Angular 19 — Fullstack App

👉 Looking for the English version? English


🔧 Intégration Continue

Frontend Angular CI Backend JavaScript CI Backend Spring Boot CI


Applications fullstack basées sur Angular 19, Node.js 20.x et Java 21, avec une architecture modulaire, scalable et optimisée pour la production.

📦 Stack technologique

Angular Node Java License: MIT


📚 Table des matières


logo ganatan

Ce dépôt contient une Application Web fullstack avec Angular 19 + Node.js ou TypeScript + PostgreSQL/MySQL ou données simulées.


🌐 Démo en ligne

🔗 Voir la démo Angular

Angular 19 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 (ESM) 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

▶️ Clonage global

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

👤 Auteur


📚 Documentation