LIVE PREVIEWBUY FOR $16

EduVerse is a contemporary and clear Flutter UI Equipment designed for constructing on-line course or e-learning cell functions.
It offers a structured and reusable UI system to assist builders speed up their improvement course of.

  1. Options

– Fashionable and clear UI design
– Reusable UI parts
– Clean animations and transitions
– Shimmer loading placeholders
– Responsive structure

  1. Screens Included

– Splash Display screen
– Onboarding Display screen
– Login & Register
– Dwelling Display screen
– Course Checklist & Course Element
– Mentor Checklist & Mentor Profile
– Wishlist Display screen
– Certificates Display screen
– Profile Display screen

  1. Necessities

– Flutter SDK 3.x
– Dart SDK 3.x
– Android Studio or Visible Studio Code

  1. Set up

1. Obtain the challenge recordsdata
2. Extract the ZIP file
3. Open the challenge in VS Code or Android Studio

  1. Set up Dependencies

“`
flutter pub get
“`

  1. Generate the splash display

“`
flutter pub run flutter_native_splash:create
“`

  1. Run the app

“`
flutter run
“`

Word: The splash display is generated utilizing flutter_native_splash.
Ensure to run the command earlier than launching the app.

  1. Elective Setup
  1. Generate App Icon

Substitute the picture file at:

property/app_launcher.png

Then run:

“`
flutter pub run flutter_launcher_icons
“`

This step is non-obligatory and solely required if you wish to customise the app icon.

  1. Venture Construction

– lib/ — Foremost supply code
– property/ — Photographs and assets
– android/ — Android configuration
– ios/ — iOS configuration

  1. Dependencies Used

– google_fonts → Customized typography
– flutter_animate → Animations
– shimmer → Loading placeholders
– go_router → Navigation
– flutter_native_splash → Splash display generator
– flutter_launcher_icons → App icon generator

  1. Customization

You possibly can simply customise the UI:

– Edit colours in lib/constants/colours.dart
– Substitute photographs within the property/ folder (onboarding, mentors, logos, and so forth.)
– Modify UI parts contained in the lib/ folder

  1. Change App Identify
  1. Android

Edit:

android/app/src/major/AndroidManifest.xml

Change:

android:label=”Eduverse”

  1. iOS

Edit:

ios/Runner/Data.plist

Replace:

CFBundleName

  1. Change Bundle Identify (Bundle ID)

Instance:

com.yourcompany.appname

  1. Android

Replace applicationId in:
android/app/construct.gradle

  1. iOS

Change Bundle Identifier by way of Xcode

  1. Troubleshooting

– flutter pub get failed: Run `flutter clear` and take a look at once more
– iOS setup (non-obligatory): If constructing for iOS, run `cd ios && pod set up`
– Construct failed: Guarantee your Flutter SDK model matches the challenge necessities

  1. Extending the App

– Add new screens contained in the `lib/` folder
– Navigation is dealt with utilizing `go_router`
– Customise theme inside `lib/constants/colours.dart`

  1. Notes

– It is a UI Equipment solely (no backend included)
– The challenge is structured to make customization easy and developer-friendly.

  1. Assist

Should you want any assist, be at liberty to contact.


Source