Frontend, Backend, Database and SaaS Infographic

01 Frontend (the part users see)
What it is: the frontend is the interface, the part users can see, tap, and operate.
Where it is: the interface of web pages, mini programs, and apps.
What it is built with: HTML (structure), CSS (styling), JavaScript (interaction).

02 Backend (the part that processes behind the scenes)
What it is: the backend is the brain behind the scenes, responsible for logic and computation.
Where it is: on the server, invisible to users.
What it does:
handles login and registration
calculates prices and recommends products
receives frontend requests and returns data
Common programming languages: Java, Python, Go, JavaScript (Node.js)

03 Database (the memory part)
What it is: a database is used to store and manage data.
What it stores: accounts, passwords, orders, inventory...
Common databases:
MySQL, PostgreSQL (relational, like tables)
MongoDB (document-based, like folders)

04 SaaS (Software as a Service)
What it is: SaaS = Software as a Service.
Core characteristics:
you can use it just by opening a web page / mini program / app
subscription by month or by year
Common forms: websites, mobile apps, and mini programs can all be SaaS.

05 Summary
Frontend: the interface users see and operate
Backend: the logic and computation running behind the scenes
Database: where data is stored and managed
SaaS: turning software into a service that users access over the network at any time
Frontend display → backend processing → database storage → SaaS as the delivery model

Draw me an easy-to-understand diagram for the content above.