zeba_academy_coding_lab #

An interactive coding playground widget for Flutter applications. Build coding challenges, programming exercises, assessments, and educational platforms with a customizable code editor, test case panel, result viewer, and theme support.

✨ Features #

✅ Interactive Code Editor

✅ Educational Coding Playground

✅ Built-in Test Case Panel

✅ Result & Output Viewer

✅ Syntax Highlighting Support

✅ Dark & Light Theme Support

✅ Mobile, Web, Desktop Compatible

✅ Beginner-Friendly API

✅ Customizable UI Components

✅ Perfect for LMS & EdTech Apps

📸 Preview #

Create engaging coding experiences directly inside your Flutter applications.

┌──────────────────────────────┐
│         Code Editor          │
├──────────────────────────────┤
│                              │
│  Write code here...          │
│                              │
└──────────────────────────────┘

[ Run Code ]

Test Cases
───────────────────────────────
Input: 2 3
Expected: 5

Input: 10 20
Expected: 30

Result
───────────────────────────────
Execution completed successfully.
All test cases passed.

🚀 Installation #

Add the package to your pubspec.yaml.

dependencies:
  zeba_academy_coding_lab: ^1.0.0

Install dependencies:

flutter pub get

📦 Import #

import 'package:zeba_academy_coding_lab/zeba_academy_coding_lab.dart';

🛠 Basic Usage #

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Coding Lab'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: ZebaAcademyCodingLab(
          testCases: const [
            TestCase(
              input: '2 3',
              expectedOutput: '5',
            ),
            TestCase(
              input: '10 20',
              expectedOutput: '30',
            ),
          ],
        ),
      ),
    );
  }
}

📚 TestCase Model #

const TestCase(
  input: '2 3',
  expectedOutput: '5',
);

🎨 Theme Support #

The package automatically adapts to your application's active theme.

MaterialApp(
  themeMode: ThemeMode.system,
  theme: ThemeData.light(),
  darkTheme: ThemeData.dark(),
);

🎯 Use Cases #

• Coding Practice Platforms
• Online Programming Courses
• Coding Assessments
• Educational Applications
• LMS Platforms
• Student Portals
• Technical Interview Practice
• Coding Bootcamps
• Programming Challenges
• Learning Management Systems

🔧 Roadmap #

Future planned features include:

• Dart Runtime Execution
• Python Runtime Support
• JavaScript Runtime Support
• Hidden Test Cases
• Auto Grading System
• Challenge Templates
• AI Code Review
• Code Formatting
• Leaderboards
• Submission History
• Achievement System
• Firebase Integration
• Classroom Support
• Instructor Dashboard
• LMS Integration

🤝 Contributing #

Contributions, issues, and feature requests are welcome.

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to your branch
5. Open a Pull Request

📄 License #

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

You are free to:

• Use
• Modify
• Distribute
• Share

Under the terms of the GPL-3.0 License.

See the LICENSE file for full 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, tech, and development at zeba.academy and code.zeba.academy.

Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience. Level up your tech game today! 💻✨

Zeba Academy is a learning platform dedicated to coding, technology, and development.

➡ Visit our main site: https://zeba.academy

➡ Explore hands-on courses and resources at: https://code.zeba.academy

➡ Check out our YouTube for more tutorials: https://www.youtube.com/@zeba.academy

➡ Follow us on Instagram: https://www.instagram.com/zeba.academy/

⭐ If you find this package useful, consider giving the repository a star and sharing it with the Flutter community.

Thank you for visiting!