- Objective: Create a simple chat interface with our "Conversational AI" bot named Reggie.
- User Interaction: Users should be able to write messages and receive replies from Reggie.
- Design Flexibility: The 'look and feel' of the chat interface is entirely up to your discretion.
- API URL: Reggie's Chat API
- Usage: Append user messages to the
user_inputquery parameter to fetch responses. - Fallback: If the API is unreachable, simulating the bot's responses is acceptable.
- UI Framework: Utilize ReactJS, enhanced with DaisyUI and TailwindCSS for styling.
- Responsive Design: The chatbot interface must adapt seamlessly to both desktop and mobile devices.
- Chat Interface Features:
- Clear display of user and chatbot messages.
- An input field for user text.
- Support for rich content, such as quick reply buttons and images, if applicable.
- API Endpoint: Reggie's Chat API
- Parameter: Use the
user_inputparameter to send messages to the API. - Error Handling: Implement fallback mechanisms for handling API failures or unavailability.