@malik434
3. Technical integration strategy
A modular, service-oriented architecture (SOA) was adopted to streamline integration, maintain independence between components, and ensure scalability.
Frontend–Backend Integration
- React interfaces communicate with Express backend APIs to perform CRUD operations and handle business logic.
- Firebase Firestore serves as the persistent data store for tasks, users, and project metadata.
Frontend–AI Model Integration
- During task creation, the frontend sends a POST request to the Flask API containing task details.
- The API responds with estimated duration and assignee, dynamically populating the task form.
Blockchain Integration
- On task completion, the backend triggers smart contract functions via Web3.js, releasing escrowed payments [11].
- Transaction status and logs are synced to Firestore and reflected in the UI dashboard.