In this assignment, you will design and implement a basic chart interface. The goal is to create a front-end chat interface that will later be integrated with AI.
Interface Design
The chat interface should include:
- A text input box for users to type their messages.
- A display area for the chat history, showing user messages and system responses.
- A "Send" button to submit messages.
Technology Guidelines
- You may choose to build the chat interface using either vanilla HTML/CSS/JavaScript or React with Tailwind CSS.
- Although not required for this assignment, it is recommended to set up a simple backend using FastAPI to serve the frontend.
- If you like, you're welcome to integrate OpenAI into the backend.
- The backend’s response to the client can simply be “I’m a simple bot. I don’t have real responses yet!”
Refer to the development setup document for additional guidance:
Setting Up Dev Environment
Submission
- Source code (zip file) downloaded from a Github repository
- PDF including the URL to the website
- A short video demonstrating the chat interface functionality