zeba_academy_classroom_ui 1.0.0

A modern Flutter classroom UI package featuring attendance widgets, timetables, course cards, student profiles, and learning progress dashboards.

zeba_academy_classroom_ui

A modern, customizable Flutter UI package designed for educational applications, learning management systems, school portals, online classrooms, and student dashboards.

zeba_academy_classroom_ui provides beautifully designed classroom-focused widgets that help developers build engaging educational experiences with minimal effort.

---

✨ Features

📊 Attendance Widgets

• Student attendance cards
• Attendance overview components
• Attendance statistics displays
• Progress indicators

📅 Timetables

• Daily schedules
• Weekly timetables
• Subject timeline views
• Class schedule cards

📚 Course Cards

• Course information cards
• Instructor details
• Course progress displays
• Learning resource layouts

👨‍🎓 Student Profiles

• Student profile cards
• Academic information displays
• Grade and performance summaries
• Avatar support

📈 Learning Progress Dashboards

• Progress tracking widgets
• Learning analytics cards
• Completion indicators
• Educational KPI components

---

🚀 Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_classroom_ui: ^1.0.0

Then run:

flutter pub get

---

📦 Import

import 'package:zeba_academy_classroom_ui/zeba_academy_classroom_ui.dart';

---

🎨 Classroom Theme

Apply the built-in classroom theme:

MaterialApp(
  theme: ClassroomTheme.light(),
  home: const HomePage(),
);

---

📊 Attendance Card

AttendanceCard(
  studentName: 'John Doe',
  attendancePercentage: 95,
)

---

📚 Course Card

CourseCard(
  courseName: 'Flutter Development',
  instructor: 'Prof. Smith',
)

---

📅 Timetable Widget

TimetableWidget(
  items: [
    TimetableItem(
      subject: 'Mathematics',
      time: '09:00 AM',
    ),
    TimetableItem(
      subject: 'Science',
      time: '11:00 AM',
    ),
  ],
)

---

👨‍🎓 Student Profile Card

StudentProfileCard(
  name: 'John Doe',
  grade: 'A',
  avatarUrl: 'https://i.pravatar.cc/300',
)

---

📈 Learning Progress Dashboard

LearningProgressDashboard(
  progress: 82,
)

---

🖥 Complete Example

import 'package:flutter/material.dart';
import 'package:zeba_academy_classroom_ui/zeba_academy_classroom_ui.dart';

void main() {
  runApp(const ClassroomDemoApp());
}

class ClassroomDemoApp extends StatelessWidget {
  const ClassroomDemoApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ClassroomTheme.light(),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Classroom UI Demo'),
        ),
        body: ListView(
          padding: const EdgeInsets.all(16),
          children: [
            const AttendanceCard(
              studentName: 'John Doe',
              attendancePercentage: 95,
            ),

            const SizedBox(height: 16),

            const CourseCard(
              courseName: 'Flutter Development',
              instructor: 'Prof. Smith',
            ),

            const SizedBox(height: 16),

            TimetableWidget(
              items: [
                TimetableItem(
                  subject: 'Mathematics',
                  time: '09:00 AM',
                ),
                TimetableItem(
                  subject: 'Science',
                  time: '11:00 AM',
                ),
              ],
            ),

            const SizedBox(height: 16),

            const StudentProfileCard(
              name: 'John Doe',
              grade: 'A',
              avatarUrl: 'https://i.pravatar.cc/300',
            ),

            const SizedBox(height: 16),

            const LearningProgressDashboard(
              progress: 82,
            ),
          ],
        ),
      ),
    );
  }
}

---

🎯 Use Cases

• Learning Management Systems (LMS)
• School Management Applications
• College Portals
• Online Learning Platforms
• Student Progress Trackers
• Attendance Management Systems
• Educational Dashboards
• Classroom Management Apps

---

🤝 Contributing

Contributions, issues, and feature requests are welcome.

If you find a bug or would like to suggest an enhancement, feel free to open an issue or submit a pull request.

---

📄 License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

See the LICENSE file for details.

---

## About Me

✨ I’m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.

You can learn more about me and my work at https://sufyanism.com or connect with me on LinkedIn: https://www.linkedin.com/in/sufyanism

---

🚀 Your All-in-One Learning Hub!

Explore courses and resources in coding, technology, and development at zeba.academy and code.zeba.academy.

Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience.

🌐 Resources

• Main Website: https://zeba.academy
• Learning Platform: https://code.zeba.academy
• YouTube: https://www.youtube.com/@zeba.academy
• Instagram: https://www.instagram.com/zeba.academy/

Thank you for visiting and supporting open-source development!