Learning Platform

A modern learning platform with a dashboard and chat-based learning interface.

Features

Dashboard

• Daily schedule with task tracking
• Progress monitoring
• Objectives and notifications
• Quick access to continue learning sessions

Chat-based Learning Interface

• Interactive chat with AI assistant
• Task breakdown panel showing progress
• Session timer
• Quick reply options for common responses
• Markdown support for rich text formatting

Components

Dashboard Component

The Dashboard provides an overview of the user's learning journey, including:

• Daily schedule with different types of tasks (standup, group, individual, reflection)
• Progress tracking with visual indicators
• Today's learning objectives
• Notifications for important updates
• "Continue Session" button to jump directly to the learning interface

Learning Component

The Learning component offers a chat-based interface for interactive learning:

• Chat panel for conversations with the AI assistant
• Task breakdown panel showing the learning path and progress
• Session timer to track time spent learning
• Quick reply options for common responses
• Support for markdown formatting in messages

Getting Started

1. Clone the repository
2. Install dependencies with npm install
3. Start the development server with npm start
4. Navigate to http://localhost:3000 to view the application

Technologies Used

• React
• React Router for navigation
• CSS for styling
• React Icons for UI elements
• ReactMarkdown for formatting messages

Future Enhancements

• User authentication and profile management
• Progress persistence across sessions
• More interactive learning activities
• Integration with external learning resources
• Mobile-responsive design improvements