Zeba Academy Classroom

A modern and reusable Virtual Classroom UI package for Flutter.

zeba_academy_classroom provides ready-to-use classroom components for education apps, learning platforms, and online training systems.

✨ Features

👨‍🏫 Teacher Panel

Display teacher information:

  • Teacher profile
  • Teacher name
  • Classroom identity

👨‍🎓 Student List

Manage classroom students with:

  • Student name
  • Online/offline status
  • Microphone state
  • Camera state

🔴 Live Classroom Status

Show classroom activity:

  • Live indicator
  • Offline state
  • Custom status control

🎛 Classroom Controls

Built-in controls:

  • Microphone button
  • Camera button
  • End class button

📦 Installation

Add this package:

dependencies:
  zeba_academy_classroom: ^1.0.0

Run:

flutter pub get

🚀 Usage

Import package:

import 'package:zeba_academy_classroom/zeba_academy_classroom.dart';

Create classroom:

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


void main() {

runApp(

const MaterialApp(

home: ClassroomScreen(),

),

);

}

👨‍🏫 Teacher Panel Example

TeacherPanel(

teacherName: "Professor Ahmed",

)

👨‍🎓 Student Example

StudentList(

students: [

ClassroomStudent(

name: "Ali",

online: true,

micEnabled: true,

cameraEnabled: true,

),


ClassroomStudent(

name: "Sara",

online: true,

)

],

)

🔴 Live Status Example

LiveStatus(

live: true,

)

🎛 Classroom Controls

ClassroomControls(

onMute: () {

},


onCamera: () {

},


onEnd: () {

},

)

📂 Folder Structure

lib/

├── zeba_academy_classroom.dart

└── src/

    ├── models/

    │   └── classroom_student.dart


    ├── widgets/

    │   ├── teacher_panel.dart

    │   ├── student_list.dart

    │   ├── live_status.dart

    │   └── classroom_controls.dart


    └── screens/

        └── classroom_screen.dart

🎯 Use Cases

Perfect for:

  • Online learning apps
  • Virtual classrooms
  • Course platforms
  • Coaching applications
  • Training portals
  • Education dashboards
  • Flutter UI projects

🧪 Testing

Run tests:

flutter test

Analyze:

flutter analyze

🤝 Contributing

Contributions are welcome.

Steps:

  1. Fork repository

  2. Create branch

git checkout -b feature/new-feature
  1. Commit changes
git commit -m "Add new feature"
  1. Push changes
git push origin feature/new-feature
  1. Open Pull Request

📄 License

Licensed under:

GNU General Public License v3.0

You are free to:

  • Use
  • Modify
  • Share
  • Distribute

under GPL-3.0 terms.

👨‍💻 About Me

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

Learn more:

🌐 https://sufyanism.com/

💼 LinkedIn:

https://www.linkedin.com/in/sufyanism

🚀 Zeba Academy

Your all-in-one learning hub!

Explore coding, technology, and development resources:

🌐 https://zeba.academy

💻 https://code.zeba.academy

Learn through:

  • Practical tutorials
  • Real-world projects
  • Hands-on development

Community

📺 YouTube:

https://www.youtube.com/@zeba.academy

📸 Instagram:

https://www.instagram.com/zeba.academy/

⭐ Support

If this package helps you:

⭐ Star the repository

📦 Share the package

🤝 Contribute improvements

Thank you for using Zeba Academy Classroom ❤️

Libraries

zeba_academy_classroom