Angular 22 Fullstack Starter

Angular 22 starter application with Node.js and Spring Boot backends.

---

Stack

Project	Technology
frontend-angular	Angular 22
backend-node	Node.js + TypeScript
backend-springboot	Java + Spring Boot

---

Architecture

frontend-angular
        |
        +-- backend-node
        |
        +-- backend-springboot

---

Demo

🔗 https://angular.ganatan.com

---

Quick Start

git clone https://github.com/ganatan/angular-node-java.git

cd frontend-angular

npm install

npm start

Open:

http://localhost:4200

---

Tutorial

Step-by-step tutorials are available on Ganatan:

🇫🇷 https://www.ganatan.com/tutorials

🇬🇧 https://www.ganatan.com/en/tutorials

---

Project Structure

frontend-angular/
backend-node/
backend-springboot/

---

Frontend Configuration

File:

frontend-angular/src/environments/environment.ts

Example:

useDatabase: false,
backend: 'http://localhost:3000',

Value	Description
false	Frontend mock data
true	Backend API

---

Backend Configuration

File:

.env

Example:

PORT=3000
DB_CLIENT=mock

Value	Description
mock	Mock data
pg	PostgreSQL
mysql	MySQL

---

Available APIs

GET /continents
GET /countries
GET /cities
GET /persons
GET /professions

---

Frontend Commands

Installation

npm install
npm outdated

Development

npm start

Open:

http://localhost:4200

Production

npm run build

Linter

npm run lint

Tests

npm run test

Coverage

npm run coverage

---

Backend Node

Installation

cd backend-node

npm install

Development

npm start

Open:

http://localhost:3000

Production

npm run build

---

Backend Spring Boot

Development

cd backend-springboot

mvn spring-boot:run

Open:

http://localhost:8080

Build

mvn clean package

---

Author

Danny

🌐 https://www.ganatan.com

---