How delsner/python-flask-angular-starter works
This is a Flask/Angular starter application demonstrating a board-management workflow: a user opens the Home page, views boards, and creates a board; the Angular service sends API requests to Flask, which reads or writes MongoDB. The graph includes the documented frontend proxy and production Nginx entry, but their exact runtime routing is not shown in the excerpts. The backend excerpt exposes list, single-board, and create endpoints; the sampled Home component uses list and create, not single-board retrieval.
Main entry points: app.module.ts App module · home.component.ts Home page · board.service.ts Board service · app.routes.ts Page routes
Components 13
Angular interface
- Angular bootstrap
frontend/src/main.ts - App module
frontend/src/app/app.module.ts - App shell
frontend/src/app/app.component.ts - Page routes
frontend/src/app/app.routes.ts - Home page
frontend/src/app/pages/home/home.component.ts - Shared module
frontend/src/app/shared/shared.module.ts - Board service
frontend/src/app/shared/board.service.ts - Board model
frontend/src/app/shared/board.type.ts
Board API and data
- Flask API
backend/app.py - MongoDB board store
Web entry and configuration
- Frontend proxy
frontend/proxy.conf.json - Nginx entry
nginx.conf
Other components
- User
Connections 15
- User → Home page: uses
README.md - Angular bootstrap → App module: bootstraps
frontend/src/main.ts - App module → App shell: bootstraps
frontend/src/app/app.module.ts - App module → Page routes: registers
frontend/src/app/app.module.ts - App module → Home page: declares
frontend/src/app/app.module.ts - App module → Shared module: imports
frontend/src/app/app.module.ts - App shell → Page routes: reads
frontend/src/app/app.component.ts - Page routes → Home page: routes to
frontend/src/app/app.routes.ts - Home page → Board service: requests boards
frontend/src/app/pages/home/home.component.ts - Home page → Board model: uses
frontend/src/app/pages/home/home.component.ts - Board service → Board model: types data
frontend/src/app/shared/board.service.ts - Board service → Frontend proxy: sends API requests
README.md - Frontend proxy → Flask API: forwards API
README.md - Nginx entry → Flask API: serves alongside
README.md - Flask API → MongoDB board store: reads and writes
backend/app.py