Skip to content

Angular 19 Fullstack Application: SSR, PWA, SEO, and Scalable Node.js Javascript Backend with MySQL, PostgreSQL

License

Notifications You must be signed in to change notification settings

ganatan/angular-app

Repository files navigation

Angular 19 – Application Fullstack

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

🔧 CI Status

Frontend Angular CI Backend JavaScript CI

📦 Versions

Angular Node 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

🧪 Starters techniques (bonus)

  • backend-javascript-cjs : Node.js avec CommonJS, ESLint, Jest, Webpack
  • backend-javascript-esm : Node.js avec ESM, ESLint, Jest, Webpack
  • backend-java21-springboot : Spring Boot Java 21 (JUnit)

🔧 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