Eduverse | Flutter Course UI Kit

EduVerse is a modern and clean Flutter UI Kit designed for building online course or e-learning mobile applications. It provides a structured and reusable UI system to help developers accelerate their development process.

1. Features

- Modern and clean UI design - Reusable UI components - Smooth animations and transitions - Shimmer loading placeholders - Responsive layout

1. Screens Included

- Splash Screen - Onboarding Screen - Login & Register - Home Screen - Course List & Course Detail - Mentor List & Mentor Profile - Wishlist Screen - Certificates Screen - Profile Screen

1. Requirements

- Flutter SDK 3.x - Dart SDK 3.x - Android Studio or Visual Studio Code

1. Installation

1. Download the project files 2. Extract the ZIP file 3. Open the project in VS Code or Android Studio

1. Install Dependencies

``` flutter pub get ```

1. Generate the splash screen

``` flutter pub run flutter_native_splash:create ```

1. Run the app

``` flutter run ```

Note: The splash screen is generated using flutter_native_splash. Make sure to run the command before launching the app.

1. Optional Setup

1. Generate App Icon

Replace the image file at:

assets/app_launcher.png

Then run:

``` flutter pub run flutter_launcher_icons ```

This step is optional and only required if you want to customize the app icon.

1. Project Structure

- lib/ — Main source code - assets/ — Images and resources - android/ — Android configuration - ios/ — iOS configuration

1. Dependencies Used

- google_fonts → Custom typography - flutter_animate → Animations - shimmer → Loading placeholders - go_router → Navigation - flutter_native_splash → Splash screen generator - flutter_launcher_icons → App icon generator

1. Customization

You can easily customize the UI:

- Edit colors in lib/constants/colors.dart - Replace images in the assets/ folder (onboarding, mentors, logos, etc.) - Modify UI components inside the lib/ folder

1. Change App Name

1. Android

Edit:

android/app/src/main/AndroidManifest.xml

Change:

android:label=”Eduverse”

1. iOS

Edit:

ios/Runner/Info.plist

Update:

CFBundleName

1. Change Package Name (Bundle ID)

Example:

com.yourcompany.appname

1. Android

Update applicationId in: android/app/build.gradle

1. iOS

Change Bundle Identifier via Xcode

1. Troubleshooting

- flutter pub get failed: Run `flutter clean` and try again - iOS setup (optional): If building for iOS, run `cd ios && pod install` - Build failed: Ensure your Flutter SDK version matches the project requirements

1. Extending the App

- Add new screens inside the `lib/` folder - Navigation is handled using `go_router` - Customize theme inside `lib/constants/colors.dart`

1. Notes

- This is a UI Kit only (no backend included) - The project is structured to make customization simple and developer-friendly.

1. Support

If you need any help, feel free to contact.