Design and implement an engaging, interactive web interface for your personal tutor! Build a responsive chat interface with real-time updates that offers personalized academic support powered by DeepSeek via the OpenAI SDK. Combine thoughtful design with tutoring insights to create an educational experience that connects students with expert guidance.
Overview
Syllabus
- Unit 1: Setting Up a Basic Tutor Interface with Flask and HTML
- Setting Up a Basic Flask Tutor Interface with Jinja2 Templates
- Building a Personal Tutor Interface with Flask and HTML
- Implement Interactive Chat for Tutor Interface
- Enable Enter Key Submission for Chat Messages
- Implementing Session Reset Functionality for Personal Tutor Interface
- Unit 2: Integrating API Requests for Dynamic Tutor Interaction with Flask
- Exploring the Tutor Interface with Fetch API
- Implementing Session Tracking and API Integration for Tutor Interface
- Implementing API Communication for Interactive Tutor
- Unit 3: Simplifying User Input with Query Suggestions in Flask
- Adding Message Suggestion Button to Chat Interface
- Implementing Suggestion Button Functionality
- Update Study Schedule Button Prompt to Be More Conversational
- Adding Additional Suggestion Buttons to the Tutor Interface
- Unit 4: Styling the Personal Tutor Interface with CSS
- Styling the Personal Tutor Interface with CSS
- Styling Suggestion Buttons with Flexbox
- Style Chat Container and Message Display
- Styling the Chat Input Section with CSS