zeba_academy_whiteboard 0.0.1

Digital classroom whiteboard package with drawing, text, shapes and export.

Zeba Academy Whiteboard

Digital Classroom Whiteboard for Flutter

zeba_academy_whiteboard is a powerful and reusable Flutter package for creating interactive digital classroom whiteboards.

Designed for online learning platforms, teacher dashboards, coding classrooms, and educational applications.

Create, draw, explain, annotate, and export whiteboard content easily inside your Flutter applications.

✨ Features

🎨 Drawing Canvas

• Freehand drawing support
• Smooth brush strokes
• Custom colors
• Adjustable stroke width
• Classroom-style sketching

📝 Text Annotation

• Add text explanations
• Highlight important concepts
• Teacher notes support
• Learning content annotation

🔷 Shape Tools

Supported shapes:

• Line
• Rectangle
• Circle

More shape tools coming soon.

👨‍🏫 Teacher Explanation Tools

Perfect for:

• Online classes
• Coding tutorials
• Mathematics explanations
• Interactive lessons
• Digital classrooms

💾 Export & Save Board

Export whiteboard content:

• Save board as image
• Capture classroom notes
• Store explanations
• Share lesson content

↩️ Board Controls

Includes:

• Undo drawing
• Clear board
• Save board

📦 Installation

Add this package to your pubspec.yaml:

dependencies:
  zeba_academy_whiteboard: ^0.0.1

Run:

flutter pub get

🚀 Usage

Import package:

import 'package:zeba_academy_whiteboard/zeba_academy_whiteboard.dart';

Use whiteboard:

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


class WhiteboardPage extends StatelessWidget {

  const WhiteboardPage({
    super.key
  });


  @override
  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(
        title: const Text(
          "Classroom Whiteboard"
        ),
      ),

      body: const ZebaWhiteboard(),

    );

  }

}

📸 Example

ZebaWhiteboard()

Output:

• Interactive drawing area
• Teacher toolbar
• Export controls

🛠 Requirements

Flutter:

>=3.10.0

Dart:

>=3.0.0

🧩 Roadmap

Future improvements:

• Firebase realtime collaboration
• Multi-user classroom drawing
• Voice explanation markers
• PDF export
• Multiple whiteboard pages
• AI handwriting cleanup
• Cloud board storage
• Teacher/student permissions

🤝 Contributing

Contributions are welcome!

Steps:

1. Fork the repository
2. Create a feature branch

git checkout -b feature/new-feature

3. Commit changes

git commit -m "Add new feature"

4. Push branch

git push origin feature/new-feature

5. Create Pull Request

👨‍💻 About Me

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

Learn more about my work:

🌐 Website: https://sufyanism.com/

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

🚀 Zeba Academy

Your all-in-one learning hub!

Explore courses and resources in coding, technology, and development.

Zeba Academy helps developers learn through practical tutorials, real-world projects, and hands-on experience.

Visit:

🌐 Main Website:

https://zeba.academy

💻 Coding Resources:

https://code.zeba.academy

▶ YouTube:

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

📸 Instagram:

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

📄 License

This project is licensed under the GNU General Public License v3.0.

You are free to:

• Use
• Study
• Modify
• Share

Under the conditions of the GPL-3.0 license.

See LICENSE file for details.

⭐ Support

If you like this package:

⭐ Star the repository

🐛 Report issues

💡 Suggest improvements

Thank you for supporting open-source education tools ❤️