REST API & UI Integration in FlutterFlow

• Status: Pending
• Preis: $15
• Einträge eingereicht: 8
• Gewinner: abdullahsaeeddev

Winner

Kurzbeschreibung des Wettbewerbs

FlutterFlow API Integration & UI Logic Wiring
This project is strictly frontend logic wiring in FlutterFlow.
Backend is already deployed on Railway and fully functional.
All required APIs are live and returning 200 OK when tested.
No backend changes are allowed.
Tech Stack
Frontend: FlutterFlow
Backend: Existing REST APIs (already connected & tested)
Method: POST
Response format: JSON
Screens & UI Elements (Already Created)
Questionnaire page with inputs Q1 – Q10
“Submit Questionnaire” button
Result page with Text Widget (output display)
“Ask Any Question” input field
“Ask” button
Loading indicator widget
Error display (Snackbar / Text)
Tasks to Implement
1. Questionnaire Submission Flow
Collect values from Q1–Q10
Combine them into one dynamic payload (string or JSON)
Trigger POST /analyze on button click
While API is running:
Show loading indicator
On success:
Extract result.output
Store it in App State or Page State
Navigate to result page
Bind state value to result Text Widget
On failure:
Hide loader
Show error message
2. Ask Question Flow
Take input from “Ask Any Question” field
Trigger POST /ask
Show loading indicator during request
On success:
Extract result.output
Update the same result Text Widget
On failure:
Show error message
Important Rules
Use clean, production-ready FlutterFlow actions
API call configuration already exists — only action wiring & state mapping needed
Deliverables
Fully working FlutterFlow flow for both buttons
Dynamic API input/output binding
Proper loading & error handling
Clean and maintainable logic

Timeline: 1 Day
Budget: $15 NZD

Empfohlene Fähigkeiten

• API-Integration
• App-Entwicklung
• Flutter
• Frontend-Entwicklung
• JavaScript
• JSON
• Mobile App Entwicklung
• PHP
• REST-API
• Benutzerschnittstelle / IA