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: Developing a Personal Tutor Web Application with PHP and Symfony
- Setting Up a Basic Tutor Interface with Symfony and Twig
- Building a Personal Tutor Chat Interface in Symfony
- Implementing Interactive Chat for Personal Tutor Interface
- Implementing Enter Key Functionality for Message Sending
- Implementing Automatic Chat Reset for New User Sessions
- Unit 2: Integrating API Requests for Dynamic Tutor Interaction
- Exploring Tutor Interface Backend Communication with Fetch API
- Initializing Session Tracking for Symfony Tutor Interface
- Implementing Interactive Communication for the Tutor Application
- Unit 3: Simplifying User Input with Query Suggestions
- Adding a Suggestion Button to the Chat Interface
- Implementing Suggestion Button Functionality
- Update Study Schedule Button to Use Conversational Prompt
- Adding Additional Suggestion Buttons to Tutor Interface
- Unit 4: Styling the Personal Tutor Interface with CSS
- Styling the Personal Tutor Interface in Symfony
- Styling Suggestion Buttons with Flexbox and CSS
- Styling the Chat Conversation Interface
- Styling the Chat Input Area