In developing with React JS, we leveraged its component-based structure to create modular UI elements that could be easily updated and expanded as needed. By prioritizing a user-centric design, we ensured that information was structured in a natural and logical flow, improving overall usability and aligning with real-world conventions. Efficient API utilization was also a key focus, as we designed API calls to fetch and display relevant data optimally, enhancing both performance and responsiveness. Additionally, we adhered to WCAG guidelines to ensure accessibility, implementing features such as keyboard navigation, screen reader compatibility, and proper contrast ratios to meet the highest standards.

Beyond front-end development, we implemented a custom chatbot solution using Azure Studio Chatbot and DirectLine API, integrating it with React.js and HTML to provide an intuitive user interface. This chatbot was designed to guide users through multiple pathways, offering support for financial assistance, housing, and benefit calculations. To ensure scalability and maintainability, we built the system with future enhancements in mind, allowing for iterative improvements without major disruptions. Moreover, the chatbot was designed for flexible deployment, enabling it to be easily integrated into third-party websites with custom configurations tailored to different organizations, making it adaptable across various service providers.