Logo Lanfrica

mfukechristian/Home-Affairs-GPT

Domaine:

digital infrastructure

Type de record:

software
Créateur:
mfu
Hôte:
web application designed to simplify access to information regarding South African civic and immigration services. # Home Affairs GPT github.com Home Affairs GPT is a web application designed to simplify access to information regarding South African civic and immigration services. Users can ask specific questions related to these services through a user-friendly form, and the application leverages AI to provide clear and understandable answers based on web research. ## Key Features - **Service Selection:** Users can choose between "Civis" and "Immigration" services via a dropdown menu. - **Sub-service Selection:** Based on the selected main service, a second dropdown presents relevant sub-services. - **Detailed Query:** A text area allows users to provide specific details about their inquiry. - **AI-Powered Information Retrieval:** The application uses the Tavily search tool to gather relevant information from the web based on the user's query and the selected service/sub-service. - **Natural Language Processing:** The Mistral AI language model processes the search results and rephrases the information into an easy-to-understand format, presented in Markdown. - **Loading Indication:** A visual loading animation and message inform the user that their request is being processed. - **Clear Result Display:** The processed information is displayed in a separate section using Markdown formatting for readability. - **Back to Form Navigation:** A "Back to Form" button allows users to return to the form to ask another question, resetting the form state. ## Technologies Used - **Next.js:** A React framework for building server-rendered and static web applications. - **React:** A JavaScript library for building user interfaces. - **TypeScript:** A superset of JavaScript that adds static typing. - **CSS Modules:** For component-level styling. - **`next/navigation`:** For client-side routing. - **`next/image`:** For optimized image handling. - **`react-markdown`:** A React component for rendering Markdown. - **`@langc …