zeba_academy_exam_ui_kit 1.0.0

Professional exam and quiz UI kit for Flutter with question cards, result analytics, leaderboards, and reusable exam layouts for EdTech apps.

zeba_academy_exam_ui_kit

Professional Exam & Quiz UI Kit for Flutter with reusable widgets for building modern EdTech, quiz, and assessment apps. This package provides ready-to-use UI components like question cards, exam layouts, progress indicators, result screens, and leaderboards so developers can quickly build beautiful exam interfaces.

---

✨ Features

• 📝 Question Card Widgets – Beautiful multiple choice question UI
• 📊 Result Screen – Show exam score and percentage
• 📈 Analytics Screen – Display correct / wrong / skipped answers
• 📉 Progress Indicator – Track exam progress visually
• 🏆 Leaderboard UI – Display ranked users with scores
• 🧩 Reusable Exam Layout – Build complete exam screens quickly
• 📱 Responsive Design – Works on mobile, tablet, and web
• ⚡ Plug-and-Play Widgets – Simple integration into any Flutter app

---

📸 Screenshot

[Exam UI Demo]

---

📦 Installation

Add the package to your pubspec.yaml:

dependencies:
  zeba_academy_exam_ui_kit: ^1.0.0

Then run:

flutter pub get

---

🚀 Quick Start

Import the package:

import 'package:zeba_academy_exam_ui_kit/zeba_academy_exam_ui_kit.dart';

---

🧠 Create a Question Model

final question = QuestionModel(
  question: "What is Flutter?",
  options: [
    "Framework",
    "Language",
    "Database",
    "IDE"
  ],
  correctIndex: 0,
);

---

📝 Question Card Widget

QuestionCard(
  question: question,
  onOptionSelected: (index) {
    print(index);
  },
)

---

📉 Exam Progress Indicator

ExamProgressBar(
  current: 1,
  total: 10,
)

---

🧩 Exam Layout

Use a reusable layout for exam screens.

ExamLayout(
  progressWidget: ExamProgressBar(
    current: 1,
    total: 10,
  ),
  questionWidget: QuestionCard(
    question: question,
    onOptionSelected: (index) {},
  ),
  onNext: () {},
)

---

📊 Result Screen

ResultScreen(
  score: 8,
  total: 10,
)

---

📈 Analytics Screen

AnalyticsScreen(
  correct: 8,
  wrong: 1,
  skipped: 1,
)

---

🏆 Leaderboard Tile

LeaderboardTile(
  name: "Alice",
  score: 95,
  rank: 1,
)

---

📁 Project Structure

lib
 ┣ src
 ┃ ┣ layouts
 ┃ ┃ ┗ exam_layout.dart
 ┃ ┣ models
 ┃ ┃ ┗ question_model.dart
 ┃ ┣ screens
 ┃ ┃ ┣ analytics_screen.dart
 ┃ ┃ ┗ result_screen.dart
 ┃ ┣ widgets
 ┃ ┃ ┣ leaderboard_tile.dart
 ┃ ┃ ┣ progress_indicator_bar.dart
 ┃ ┃ ┗ question_card.dart
 ┗ zeba_academy_exam_ui_kit.dart

---

📱 Example App

A full example is available in the example folder.

Run it using:

cd example
flutter run

---

🎯 Use Cases

This package is ideal for:

• 📚 EdTech learning apps
• 🧠 Quiz and trivia apps
• 📝 Online exam systems
• 🎓 Mock test platforms
• 🏫 School & university apps

---

🌐 Homepage

https://zeba.academy/flutter/

---

🤝 Contributing

Contributions are welcome!

If you find a bug or want to add a feature, feel free to open an issue or submit a pull request.

---

📄 License

This project is licensed under the GPL License.

---

👨‍💻 Author

Developed by Zeba Academy

Building open-source Flutter tools for EdTech developers.