angular app

Angular 18 ,Bootstrap 5, Node.js, Express.js, CRUD, PWA, SSR, SEO, Lazy Loading, Examples Angular & React nrwl

693
333
JavaScript

Angular 19 — Application Fullstack

👉 Looking for the English version? English


🔧 Intégration Continue

Frontend Angular CI
Backend JavaScript CI
Backend Spring Boot CI


📦 Images Docker

Docker Image Version - Backend JavaScript
Docker Image Version - Frontend Angular

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

📦 Stack technologique

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

▶️ 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 3000:3000 ganatan/backend-javascript
# http://localhost:3000

👤 Author


📚 Documentation