Skip to content

Commit 2f6cb83

Browse files
LineIndentAlek99
andauthored
ENG-6115: use case page (#1413)
* use case page * fixes * more fixes * use cases page * update memo'ed footer name * update use cases * clear whitelisted page * update footer with new url * fixes * fix naming error --------- Co-authored-by: Alek Petuskey <[email protected]>
1 parent ff2f5e1 commit 2f6cb83

File tree

12 files changed

+255
-3
lines changed

12 files changed

+255
-3
lines changed

assets/case_studies/admin_app.png

397 KB
Loading

assets/case_studies/devops_app.png

199 KB
Loading
Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
## Use Cases by Industry
2+
3+
Organizations across industries use **Reflex** to build internal tools, dashboards, and AI-driven applications—all in pure Python. From finance to healthcare, Reflex helps teams move faster by simplifying full-stack development.
4+
5+
### 1. Financial Services
6+
7+
```python exec
8+
import reflex as rx
9+
from reflex_image_zoom import image_zoom
10+
```
11+
12+
```python eval
13+
rx.el.div(
14+
image_zoom(rx.image(src="/case_studies/bayesline_app.png", border_radius="10px", alt="Bayesline App")),
15+
class_name="py-4"
16+
)
17+
```
18+
19+
From buyside analytics desks to compliance back offices, finance teams choose **Reflex** because a single Python codebase can stream market data, crunch GPU-heavy models, and satisfy audit trails—without juggling separate front-end frameworks or ETL schedulers. With AG Grid built into the product, analysts iterate and hand a production-grade web app to traders or risk officers the same day.
20+
21+
22+
**Examples of apps you can build in Reflex:**
23+
24+
- **Factor-Risk Analytics Dashboard** – GPU-powered analytics dashboard that delivers custom equity-factor risk models in minutes instead of weeks
25+
- **End-of-Day Trade Blotter** – automatically pulls executions from every venue, flags outliers, and emails a compliance-ready PDF to traders each night.
26+
- **Asset-Allocation Simulator** – visualizes portfolio mixes and projected returns over time; users drag weight sliders and instantly see downside and drawdown scenarios.
27+
- **Treasury & Liquidity Monitor** – streams balances, pending settlements, and cash forecasts into a single real-time dashboard with threshold alerts.
28+
- **Loan-Underwriting Workflow** – scores new credit applications against live KYC/AML data, routes edge cases for manual review, and retrains the model on a weekly schedule.
29+
30+
<br>
31+
<br>
32+
33+
### 2. E-commerce & Advertising
34+
35+
```python eval
36+
rx.el.div(
37+
image_zoom(rx.image(src="/case_studies/sellerx_app.png", border_radius="10px", alt="Sellerx App")),
38+
class_name="py-4"
39+
)
40+
```
41+
42+
Modern merchants and growth marketers juggle stock feeds, ad platforms, and customer-service queues that rarely live in the same tool. **Reflex** lets teams wire those APIs together—from Amazon listings to TikTok ads—then ship production dashboards or scheduled automations with nothing but Python. The result: faster decisions on pricing, spend, and fulfillment, plus fewer hops between spreadsheets and BI tools.
43+
44+
**Examples of apps you can stand up in Reflex:**
45+
46+
- **Inventory & Pricing Command Center** – unifies marketplace sales (e.g. Amazon), real-time stock alerts, and supplier lead times in a single view.
47+
- **Campaign Control Plane** – tracks multi-channel ad spend and ROI, enforces budget caps, and auto-generates performance reports.
48+
- **AI-Powered Creative Analyzer** – runs frame-level video ad scoring to predict ROAS before campaigns go live.
49+
- **Refund & Returns Console** – pulls tickets from the help-desk, payment events from Stripe, and warehouse data to approve refunds in seconds.
50+
- **Multichannel Attribution Dashboard** – blends ad-platform metrics, web analytics, and order revenue to surface true customer-acquisition cost in real time.
51+
52+
<br>
53+
<br>
54+
55+
### 3. Engineering & DevOps
56+
57+
```python eval
58+
rx.el.div(
59+
image_zoom(rx.image(src="/case_studies/devops_app.png", border_radius="10px", alt="DevOps App")),
60+
class_name="py-4"
61+
)
62+
```
63+
64+
Site-reliability, platform, and security teams use **Reflex** to surface real-time telemetry, automate routine infra tasks, and replace shell scripts with role-based web UIs—all in pure Python.
65+
66+
**Examples of apps you can stand up in Reflex:**
67+
68+
- **Deployment & Health Dashboard** – combines service metrics, rollout status, and incident timelines in one screen for on-call engineers.
69+
- **VM Lifecycle Manager** – grants ops staff a secure web panel to start, stop, snapshot, or tag virtual machines—no CLI access required.
70+
- **Factory & Machine-Monitoring Portal** – streams sensor data from multiple plants, flags anomalies, and predicts downtime with live charts.
71+
- **Supply-Chain Automation Viewer** – visualizes robot and conveyor status in distribution centres; integrates with third-party control APIs for fast triage.
72+
- **Security-Ops Command Center** – unifies BigQuery logs, ticket data, cloud storage, Firestore, Salesforce CRM records, and PagerDuty alerts so analysts can hunt threats and track user activity in a single interface.
73+
74+
<br>
75+
<br>
76+
77+
### 4. Database Admin & CRUD
78+
79+
```python eval
80+
rx.el.div(
81+
image_zoom(rx.image(src="/case_studies/admin_app.png", border_radius="10px", alt="Admin App")),
82+
class_name="py-4"
83+
)
84+
```
85+
86+
Database admins can spin up Python-native panels that let teams **read, write, and update** their data through polished tables, forms, and charts. With **Reflex**, full-featured database dashboards and CRUD apps come together in minutes—no separate front-end stack, no raw CLI sessions.
87+
88+
**Examples of CRUD-first apps you can stand up in Reflex:**
89+
90+
- **Role-Based Postgres Admin Panel** – browse, edit, or bulk-import customer rows while keeping finance-only fields hidden behind granular permissions.
91+
- **Inventory Catalog Manager** – one screen to adjust stock levels, pricing rules, and supplier SKUs that sync instantly to every sales channel.
92+
- **Content & Data-Exchange Portal** – upload new CAD drawings, attach metadata, and version files for manufacturing projects, all stored in a single database.
93+
- **Team Management Console** – create, disable, or time-limit user accounts and access tokens for internal SaaS tooling, complete with audit logs.
94+
- **Supply-Chain Config Editor** – operations staff tweak warehouse routing rules and robotics parameters through validated forms that write directly to production tables.
95+
96+
<br>
97+
<br>
98+
99+
### 5. Data Science & Analytics
100+
101+
Data scientists and analysts can convert their notebooks into production-grade apps that expose models, metrics, and datasets through live tables, charts, and custom Python components.
102+
103+
**Examples of analytics apps you can stand up in Reflex:**
104+
105+
- **ML-Service Admin Console** – register experiment runs, visualize attention maps or confusion matrices, and promote the best model to production with one click.
106+
- **Behavioural Cohort Explorer** – drag-and-drop filters to segment users by events, demographics, and funnels, then export cohorts or schedule recurring reports.
107+
- **Fleet Metrics Self-Serve Dashboard** – slice and visualize vehicle telemetry (mileage, battery health, utilisation) so operations teams answer questions in seconds—no SQL required.
108+
- **Delivery Operations Dashboard** – monitors driver efficiency and delivery performance in real time, highlighting bottlenecks and automatically flagging late orders.
109+
- **Dataset Versioning & Quality Monitor** – upload new snapshots, run validation tests, and graph distribution shifts or missing-value spikes over time.
110+
111+
<br>
112+
<br>
113+
114+
### 6. AI & Document Workflows
115+
116+
When files, forms, recordings, and chat threads produce more raw information than teams can manually review, **Reflex** converts that unstructured content into structured, actionable insight. OCR, speech-to-text, and large-language-model pipelines plug directly into Python UIs, then push validated results to dashboards, search endpoints, or downstream APIs—no additional middleware or bespoke glue code.
117+
118+
**Examples of AI-driven document apps you can stand up in Reflex:**
119+
120+
- **Training-Session Hub** – records live video classes, transcribes speech in real time, and lets coaches search by keyword to jump to any moment.
121+
- **Smart Document Viewer** – highlights key fields (prices, SKUs, dates) as users scroll and writes the extracted values to a structured database with one click.
122+
- **Image-to-GPS Calibration Tool** – accepts bulk image uploads, matches them to GNSS logs, and visualizes camera extrinsics for quick QA.
123+
- **Enterprise Knowledge Chat** – an LLM interface that answers staff questions using contracts, wikis, and ticket history—kept secure behind SSO.
124+
- **Support & Deal-Flow Console** – shows live agent SLAs while a background workflow ingests tens of thousands of new company profiles each month; vector search and natural-language filters surface the best leads in seconds.

docs/getting_started/use_cases.md

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
## Use Cases by Industry
2+
3+
Organizations across industries use **Reflex** to build internal tools, dashboards, and AI-driven applications—all in pure Python. From finance to healthcare, Reflex helps teams move faster by simplifying full-stack development.
4+
5+
### 1. Financial Services
6+
7+
```python exec
8+
import reflex as rx
9+
from reflex_image_zoom import image_zoom
10+
```
11+
12+
```python eval
13+
rx.el.div(
14+
image_zoom(rx.image(src="/case_studies/bayesline_app.png", border_radius="10px", alt="Bayesline App")),
15+
class_name="py-4"
16+
)
17+
```
18+
19+
From buyside analytics desks to compliance back offices, finance teams choose **Reflex** because a single Python codebase can stream market data, crunch GPU-heavy models, and satisfy audit trails—without juggling separate front-end frameworks or ETL schedulers. With AG Grid built into the product, analysts iterate and hand a production-grade web app to traders or risk officers the same day.
20+
21+
22+
**Examples of apps you can build in Reflex:**
23+
24+
- **Factor-Risk Analytics Dashboard** – GPU-powered analytics dashboard that delivers custom equity-factor risk models in minutes instead of weeks
25+
- **End-of-Day Trade Blotter** – automatically pulls executions from every venue, flags outliers, and emails a compliance-ready PDF to traders each night.
26+
- **Asset-Allocation Simulator** – visualizes portfolio mixes and projected returns over time; users drag weight sliders and instantly see downside and drawdown scenarios.
27+
- **Treasury & Liquidity Monitor** – streams balances, pending settlements, and cash forecasts into a single real-time dashboard with threshold alerts.
28+
- **Loan-Underwriting Workflow** – scores new credit applications against live KYC/AML data, routes edge cases for manual review, and retrains the model on a weekly schedule.
29+
30+
<br>
31+
<br>
32+
33+
### 2. E-commerce & Advertising
34+
35+
```python eval
36+
rx.el.div(
37+
image_zoom(rx.image(src="/case_studies/sellerx_app.png", border_radius="10px", alt="Sellerx App")),
38+
class_name="py-4"
39+
)
40+
```
41+
42+
Modern merchants and growth marketers juggle stock feeds, ad platforms, and customer-service queues that rarely live in the same tool. **Reflex** lets teams wire those APIs together—from Amazon listings to TikTok ads—then ship production dashboards or scheduled automations with nothing but Python. The result: faster decisions on pricing, spend, and fulfillment, plus fewer hops between spreadsheets and BI tools.
43+
44+
**Examples of apps you can stand up in Reflex:**
45+
46+
- **Inventory & Pricing Command Center** – unifies marketplace sales (e.g. Amazon), real-time stock alerts, and supplier lead times in a single view.
47+
- **Campaign Control Plane** – tracks multi-channel ad spend and ROI, enforces budget caps, and auto-generates performance reports.
48+
- **AI-Powered Creative Analyzer** – runs frame-level video ad scoring to predict ROAS before campaigns go live.
49+
- **Refund & Returns Console** – pulls tickets from the help-desk, payment events from Stripe, and warehouse data to approve refunds in seconds.
50+
- **Multichannel Attribution Dashboard** – blends ad-platform metrics, web analytics, and order revenue to surface true customer-acquisition cost in real time.
51+
52+
<br>
53+
<br>
54+
55+
### 3. Engineering & DevOps
56+
57+
```python eval
58+
rx.el.div(
59+
image_zoom(rx.image(src="/case_studies/devops_app.png", border_radius="10px", alt="DevOps App")),
60+
class_name="py-4"
61+
)
62+
```
63+
64+
Site-reliability, platform, and security teams use **Reflex** to surface real-time telemetry, automate routine infra tasks, and replace shell scripts with role-based web UIs—all in pure Python.
65+
66+
**Examples of apps you can stand up in Reflex:**
67+
68+
- **Deployment & Health Dashboard** – combines service metrics, rollout status, and incident timelines in one screen for on-call engineers.
69+
- **VM Lifecycle Manager** – grants ops staff a secure web panel to start, stop, snapshot, or tag virtual machines—no CLI access required.
70+
- **Factory & Machine-Monitoring Portal** – streams sensor data from multiple plants, flags anomalies, and predicts downtime with live charts.
71+
- **Supply-Chain Automation Viewer** – visualizes robot and conveyor status in distribution centres; integrates with third-party control APIs for fast triage.
72+
- **Security-Ops Command Center** – unifies BigQuery logs, ticket data, cloud storage, Firestore, Salesforce CRM records, and PagerDuty alerts so analysts can hunt threats and track user activity in a single interface.
73+
74+
<br>
75+
<br>
76+
77+
### 4. Database Admin & CRUD
78+
79+
```python eval
80+
rx.el.div(
81+
image_zoom(rx.image(src="/case_studies/admin_app.png", border_radius="10px", alt="Admin App")),
82+
class_name="py-4"
83+
)
84+
```
85+
86+
Database admins can spin up Python-native panels that let teams **read, write, and update** their data through polished tables, forms, and charts. With **Reflex**, full-featured database dashboards and CRUD apps come together in minutes—no separate front-end stack, no raw CLI sessions.
87+
88+
**Examples of CRUD-first apps you can stand up in Reflex:**
89+
90+
- **Role-Based Postgres Admin Panel** – browse, edit, or bulk-import customer rows while keeping finance-only fields hidden behind granular permissions.
91+
- **Inventory Catalog Manager** – one screen to adjust stock levels, pricing rules, and supplier SKUs that sync instantly to every sales channel.
92+
- **Content & Data-Exchange Portal** – upload new CAD drawings, attach metadata, and version files for manufacturing projects, all stored in a single database.
93+
- **Team Management Console** – create, disable, or time-limit user accounts and access tokens for internal SaaS tooling, complete with audit logs.
94+
- **Supply-Chain Config Editor** – operations staff tweak warehouse routing rules and robotics parameters through validated forms that write directly to production tables.
95+
96+
<br>
97+
<br>
98+
99+
### 5. Data Science & Analytics
100+
101+
Data scientists and analysts can convert their notebooks into production-grade apps that expose models, metrics, and datasets through live tables, charts, and custom Python components.
102+
103+
**Examples of analytics apps you can stand up in Reflex:**
104+
105+
- **ML-Service Admin Console** – register experiment runs, visualize attention maps or confusion matrices, and promote the best model to production with one click.
106+
- **Behavioural Cohort Explorer** – drag-and-drop filters to segment users by events, demographics, and funnels, then export cohorts or schedule recurring reports.
107+
- **Fleet Metrics Self-Serve Dashboard** – slice and visualize vehicle telemetry (mileage, battery health, utilisation) so operations teams answer questions in seconds—no SQL required.
108+
- **Delivery Operations Dashboard** – monitors driver efficiency and delivery performance in real time, highlighting bottlenecks and automatically flagging late orders.
109+
- **Dataset Versioning & Quality Monitor** – upload new snapshots, run validation tests, and graph distribution shifts or missing-value spikes over time.
110+
111+
<br>
112+
<br>
113+
114+
### 6. AI & Document Workflows
115+
116+
When files, forms, recordings, and chat threads produce more raw information than teams can manually review, **Reflex** converts that unstructured content into structured, actionable insight. OCR, speech-to-text, and large-language-model pipelines plug directly into Python UIs, then push validated results to dashboards, search endpoints, or downstream APIs—no additional middleware or bespoke glue code.
117+
118+
**Examples of AI-driven document apps you can stand up in Reflex:**
119+
120+
- **Training-Session Hub** – records live video classes, transcribes speech in real time, and lets coaches search by keyword to jump to any moment.
121+
- **Smart Document Viewer** – highlights key fields (prices, SKUs, dates) as users scroll and writes the extracted values to a structured database with one click.
122+
- **Image-to-GPS Calibration Tool** – accepts bulk image uploads, matches them to GNSS logs, and visualizes camera extrinsics for quick QA.
123+
- **Enterprise Knowledge Chat** – an LLM interface that answers staff questions using contracts, wikis, and ticket history—kept secure behind SSO.
124+
- **Support & Deal-Flow Console** – shows live agent SLAs while a background workflow ingests tens of thousands of new company profiles each month; vector search and natural-language filters surface the best leads in seconds.

pcweb/components/docpage/navbar/navbar.py

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,7 @@ def new_resource_section():
269269
{"label": "Newsletter", "url": "https://reflex.dev/#newsletter", "icon": "mails"},
270270
{"label": "Blog", "url": "/blog", "icon": "library-big"},
271271
{"label": "Affiliates", "url": "/affiliates", "icon": "network"},
272+
{"label": "Use Cases", "url": "/docs/ai-builder/overview/use-cases", "icon": "list-checks"},
272273
]
273274

274275
_open_source_items = [

pcweb/components/docpage/sidebar/sidebar_items/ai.py

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
from .item import create_item
22

3-
43
def get_sidebar_items_ai_builder_overview():
54
from pcweb.pages.docs import ai_builder
65

@@ -11,6 +10,7 @@ def get_sidebar_items_ai_builder_overview():
1110
"Overview",
1211
children=[
1312
ai_builder.overview.what_is_reflex_build,
13+
ai_builder.overview.use_cases,
1414
# ai_builder.overview.quickstart,
1515
# ai_builder.overview.frequently_asked_questions,
1616
],

pcweb/components/docpage/sidebar/sidebar_items/learn.py

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ def get_sidebar_items_learn():
1818
getting_started.project_structure,
1919
getting_started.dashboard_tutorial,
2020
getting_started.chatapp_tutorial,
21+
getting_started.use_cases,
2122
],
2223
),
2324
create_item(

pcweb/pages/__init__.py

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,6 @@
1414
from .landing.landing import landing as landing
1515
from .page404 import page404 as page404
1616
from .pricing.pricing import pricing as pricing
17-
18-
# from .hosting_countdown.hosting_countdown import hosting_countdown as hosting_countdown
1917
from .sales import sales as sales
2018

2119
routes = [

pcweb/pages/customers/views/footer.py

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -147,6 +147,7 @@ def footer_customer() -> rx.Component:
147147
footer_link("Common Errors", errors.path),
148148
footer_link("Roadmap", ROADMAP_URL),
149149
footer_link("Forum", FORUM_URL),
150+
footer_link("Use Cases", "/docs/ai-builder/overview/use-cases"),
150151
],
151152
class_name="!row-span-3 !border-t-0",
152153
),

pcweb/pages/framework/views/footer_index.py

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -179,6 +179,7 @@ def footer_index() -> rx.Component:
179179
footer_link("Roadmap", ROADMAP_URL),
180180
footer_link("Forum", FORUM_URL),
181181
footer_link("Affiliates", "/affiliates"),
182+
footer_link("Use Cases", "/docs/ai-builder/overview/use-cases"),
182183
rx.box(class_name="grow"),
183184
dark_mode_toggle(),
184185
],

0 commit comments

Comments
 (0)