Overview

In my recent Mendix widget update, I implemented a feature that allows users to retrieve Indian Railways PNR status by integrating a third-party API. This involved using a secure fetch method with API keys, managing state to handle user input and display results, and conditionally rendering train details such as PNR number, train name, and destination. The UI was designed to be responsive, with Flexbox used to center content both vertically and horizontally. This enhancement improves user experience by providing real-time PNR information in a visually clean and efficient manner.

Documentation

• Download from Marketplace: Download the PNR Status Finder widget from the Mendix Marketplace.
• Drag and Drop: Open your Mendix project and drag and drop the widget from the toolbox onto your desired page.
• Run the Mendix Project: Start your Mendix project by clicking "Run" to test the widget.
• Navigate to the Page: Go to the page where you placed the widget.
• Enter PNR Number: Input a valid train PNR number in the widget’s input field.
• Get PNR Details: Press the "Search PNR Status" button to retrieve and display the details of the provided PNR number, including train information and travel details.