Yuno Page Template

A comprehensive Flutter package providing UI components and data models for Yuno Learning platform. This package includes pre-built widgets for courses, batches, instructors, and various learning resources with support for both legacy and V4 API formats.

Features

🎨 Modern UI Components: Material Design 3 compliant widgets
📱 Responsive Design: Optimized for mobile, tablet, and web platforms
🔄 API Compatibility: Support for both legacy and V4 API formats
🎯 Course Management: Complete course listing, details, and batch management
👨‍🏫 Instructor Profiles: Instructor cards and profile management
📚 Learning Resources: Support for videos, documents, practice tests, and more
🌙 Theme Support: Light and dark mode compatibility
🔧 Customizable: Highly configurable components with callback support

Getting Started

Add this to your app's pubspec.yaml file:

dependencies:
  yuno_page_template: ^1.0.49

Then run:

flutter pub get

Usage

Import the package in your Dart code:

import 'package:yuno_page_template/yuno_page_template.dart';

Basic Course Card Example

CourseCard(
  listItem: courseData,
  showPrice: true,
  navigationCallBack: () {
    // Navigate to course details
  },
  bookDemoCallBack: () {
    // Handle demo booking
  },
  availabilityCallBack: () {
    // Show availability
  },
  academyProfileCallBack: () {
    // Navigate to academy profile
  },
)

Batch Item Card Example

BatchItemCard(
  listItem: batchData,
  showPrice: true,
  enrollCallBack: () {
    // Handle enrollment
  },
)

Course Details Page Example

CourseDetailsWidget(
  shareUrl: "https://example.com/course/123",
  showPrice: true,
  isBSMLoadRunning: false,
  isBSMError: false,
  isFilterLoading: false,
  isScheduleLoadRunning: false,
  isScheduleError: false,
  isBatchLoadRunning: false,
  isBatchError: false,
  pageData: courseDetailsData,
  resourcesListResponse: resourcesData,
  scheduleResponse: scheduleData,
  courseBatchesResponse: batchesData,
  filterOptionList: filterOptions,
  navigateToResource: (index) {
    // Navigate to resource
  },
  allResourcesCallback: () {
    // Show all resources
  },
  bookDemoCallback: () {
    // Book demo
  },
  enrollCallBack: (index) {
    // Handle enrollment
  },
  availabilityCallback: () {
    // Show availability
  },
  clearBatchFilterCallback: () {
    // Clear filters
  },
  applyBatchFilterCallback: () {
    // Apply filters
  },
  resourceFilterCallback: (isSelected, index) {
    // Handle resource filtering
  },
  showDayTimeFilter: () {
    // Show day/time filter
  },
)

Components

Cards

CourseCard - Course listing cards with pricing and instructor info
BatchItemCard - Individual batch enrollment cards
InstructorCard - Instructor profile cards
ResourceCard - Learning resource cards
PracticeTestCard - Practice test cards
And many more...

V4 Implementation

V4CourseCard - V4 API compatible course cards
V4BatchesToLegacyAdapter - Adapter for V4 to legacy format conversion
Complete V4 model support for all entities

API Compatibility

This package supports both legacy and V4 API formats:

Legacy Format: Traditional API response structures
V4 Format: Modern API with enhanced data models
Automatic Conversion: Built-in adapters for seamless integration

Dependencies

The package includes the following key dependencies:

flutter_html - HTML content rendering
youtube_player_iframe - YouTube video playback
cached_network_image - Image caching
webview_flutter - Web content display
pdfrx - PDF viewing
expandable - Expandable content
shimmer - Loading animations
And more...

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Support

For support and questions, please open an issue on the GitHub repository.