Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Developing a Personal Tutor Web Application With Sinatra

Go to class Write review

Details

Provider

CodeSignal
Pricing

Free Certificate
Languages

English
Certificate

Certificate Available
Duration & workload

2 hours
Sessions

On-Demand
Level

Intermediate

Found in

Part of

Building a Personal Tutor with Deepseek and Ruby Sinatra

Overview

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.

Syllabus

Unit 1: Setting Up the Basic Tutor Interface with Sinatra and ERB

Setting up a Basic Tutor Interface with Sinatra and ERB
Creating the HTML Structure for a Personal Tutor Interface
Implementing Interactive Chat Functionality for the Tutor Interface
Add Enter Key Support to Chat Interface
Implementing Session Reset Functionality for the Tutor Interface

Unit 2: Integrating API Requests for Dynamic Tutor Interaction with Sinatra

Exploring Tutor Interface API Communication
Implementing Session Tracking with Fetch API
Implementing Fetch API for Tutor Communication

Unit 3: Adding Query Suggestions to Your Tutor Interface with ERB

Adding Chat Suggestion Button
Implementing Suggestion Button Functionality in Tutor Chat
Update Study Schedule Button Prompt Text
Adding Additional Suggestion Buttons to the Tutor Interface

Unit 4: Styling Your Personal Tutor Web Application with CSS in Sinatra

Basic Styling for a Personal Tutor Interface
Styling Suggestion Buttons with CSS and Flexbox
Styling the Chat Container for Tutor Application
Styling the Chat Input Section with Flexbox

Reviews

Start your review of Developing a Personal Tutor Web Application With Sinatra