I can see you've shared an ICT learning platform component for 10th-grade students in Mongolian. The file appears to be cut off, but I can see it has:
- A sidebar with navigation (Home, Lessons, Quiz, Profile)
- Lesson data for ICT topics
- Uses framer-motion for animations
Let me build this as a complete, polished ICT learning platform for you. First, I'll install the needed dependency and then create the full application.
Now I'll create a complete ICT learning platform with a modern design. Let me update the layout and create the main application:
I've built a complete ICT learning platform for 10th-grade students in Mongolian! Here's what I created:
Features:
- 🏠 Home Page - Welcome dashboard with stats (lessons completed, time spent, average score), recent lesson progress, and quick links
- 📚 Lessons Page - 5 ICT lessons (Computer Structure, Operating Systems, Office Programs, Internet Security, Programming) with clickable cards that open detailed content modals
- 📝 Quiz Page - Interactive quiz with 5 multiple-choice questions, progress tracking, answer checking, and final score with achievements
- 👤 Profile Page - Student profile with achievements system, progress overview bars, and learning statistics
Design highlights:
- Modern dark sidebar with smooth navigation
- Mobile-responsive with hamburger menu
- Framer Motion animations throughout
- Blue/teal color scheme with semantic design tokens
- Clean card-based UI with proper Mongolian translations
The platform tracks lesson progress, shows completion status, and includes a gamified achievements system to motivate students!