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 the Basic Tutor Interface with Django
- Creating a Basic Tutor Template in Django
- Building the Basic Tutor Chat Interface
- Implementing Interactive Chat Functionality for the Tutor Interface
- Implementing Enter Key Functionality for Message Sending
- Implementing New Session Functionality for the Personal Tutor
- Unit 2: Integrating Django API Requests for Dynamic Tutor Interaction
- Exploring the Tutor Interface and API Communication
- Implementing Session Tracking with Fetch API in a Tutor Interface
- Implementing the Send Message API in the Personal Tutor
- Unit 3: Simplifying User Input with Query Suggestions
- Adding Suggestion Button to Chat Interface
- Implementing Chat Suggestion Button Functionality
- Making Tutor Prompts More Conversational
- Adding Concept Explanation and Practice Exercise Buttons
- Unit 4: Styling the Personal Tutor Interface with CSS in Django
- Styling the Personal Tutor Interface with Django Static Files
- Styling Suggestion Buttons with CSS Flexbox
- Styling the Chat Container and Messages
- Styling the Chat Input Section with Flexbox and Button Design