Open-TutorAi/open-tutor-ai-CE
📚 First Issue: Improve the Chat UI for a Better Tutoring Experience
开放
#21 创建于 2025年2月22日
good first issue
仓库指标
- 星标
- (84 个星标)
- PR 合并指标
- (30 天内没有已合并 PR)
描述
📚 First Issue: Improve the Chat UI for a Better Tutoring Experience
Description
The chat interface is a key part of the tutoring experience. We need to improve its UI/UX to make interactions smoother and more engaging for students.
Suggested Improvements
- 🎨 Better Layout: Ensure messages are well-structured and easy to read.
- 💬 Typing Indicator: Show when the AI tutor is generating a response.
- 🌙 Dark Mode Support: Allow users to switch between light and dark mode.
- 🔔 Sound Notifications: Add optional sound alerts for new messages.
Getting Started
- Fork and clone the repo.
- Locate the chat UI component (
ChatComponent.jsor similar). - Implement one or more improvements from the list above.
- Test the UI on desktop and mobile.
- Submit a PR with before/after screenshots.
Tech Stack
- Frontend: React, Next.js, Vue (or your stack)
- Styling: Tailwind, CSS Modules, Bootstrap
Tasks
- Improve chat layout and readability.
- Add a typing indicator for the AI tutor.
- Ensure dark mode compatibility.
- Test and submit a PR.
Priority
🟢 Beginner-Friendly
Additional Notes
This is a great issue for frontend developers who enjoy UI/UX improvements! 🚀