Description
Description
A sample UI needs to be developed using React and TypeScript that implements two search APIs—one for the Protocol Server and one for GCL—within a selected domain where data is expected from at least three BPPs. The enhancement aims to support real-time search responses from the protocol server to GCL and ensure real-time transmission to the UI. The API should be implemented using the Fetch method to support the res.write feature of the Express app in GCL and the Protocol Server. This will ensure real-time data flow from the protocol server to GCL and seamless delivery to the UI.
Goals
- Develop a sample UI using React and TypeScript integrating two search APIs (Protocol Server & GCL).
- Implement the Fetch method to support
res.writein the Express app. - Ensure real-time transmission of search results from the protocol server to the UI.
- Validate API functionality and response flow post-implementation.
Expected Outcome
A functional sample UI capable of querying both the Protocol Server and GCL search APIs. The system should process real-time search responses from the protocol server, transmit them through GCL, and display results in real-time on the UI.
Acceptance Criteria
- The sample UI successfully integrates with both search APIs (Protocol Server & GCL).
- API implementation supports the
res.writefeature for real-time responses. - Search results are transmitted and displayed in real-time with minimal latency.
- System remains stable and functional post-implementation.
Mockups / Wireframes
NA
Product Name
Beckn
Domain
NA
Tech Skills Needed
- React
- TypeScript
- Node.js
- Express.js
- MongoDB
- API Integration
- WebSockets / Real-time Communication
- Fetch API &
res.writeHandling
Complexity
High
Category
Enhancement
Sub Category
API & UI Development