Learn Europe

Learn Europe - Explore Countries, Languages, and Landmarks across Europe
An educational mobile app for Android and iOS developed with Flutter and Firebase

Features & Screenshots

Main Screens

Quiz and Avatar Selection

Quiz Screens

Item Types

• Drag and Drop (Europe101)
• Multiple Choice (Languages, Country Borders)
• Geo-Spatial (Geo Position)
• Gapped Text

Challenges & Solutions

1. Driving User Engagement

• Challenge: Designing an app that keeps a younger audience motivated to learn about Europe
• Solution: Introduced gamification through avatars, progress tracking, and a leaderboard system
• Result: Delivered a learning experience that encourages continued user interaction

2. Making Learning Interactive

• Challenge: Avoiding passive content consumption and encouraging active learning
• Solution: Implemented a variety of item and quiz types as well as different feedback systems
• Result: Increased content diversity and improved knowledge retention

3. Ensuring High Usability

• Challenge: Creating an intuitive experience with easy access to relevant content
• Solution: Designed a simple navigation with category-based browsing, recommendations, and filters
• Result: Enabled fast content discovery and a smooth user experience

Contributors

• Elena Herzog, Asset Design and Content Creation
• Amiin Najjar, Firebase Integration and Management
• Lukas Plenk, App Design and Development

Prerequisites

Before you can start with Flutter, ensure you have the following installed:

1. Flutter SDK 3.19.6: Download and install Flutter from the official Flutter website, Download MacOS ARM, Download Windows x64
2. Dart SDK: This comes bundled with the Flutter SDK.
3. Android Studio or Visual Studio Code: These are the recommended IDEs for Flutter development.
4. Android SDK: Necessary for building and running Android apps.
5. Xcode: Required for building and running iOS apps (macOS only).

Installation

Follow these steps to set up your development environment:

1. Clone the Repository:

   git clone https://github.com/LukPle/LearnEurope.git
   cd learn_europe

2. Install Dependencies: Run the following command to fetch the dependencies listed in your pubspec.yaml file.

   flutter pub get

3. Set Up Your Editor:

   • Visual Studio Code: Install the Flutter and Dart plugins from the extensions marketplace.
   • Android Studio: Install the Flutter and Dart plugins from the plugins section.

4. Set Up Firebase Integration:

   • Firebase CLI: Get the Firebase CLI from Google Firebase.
   • Set Up Firebase App-Integration: Follow the instructions on Firebase for Flutter Instructions.

Running the App

To run the app on an emulator or physical device:

1. Start an Emulator (if you don't have a physical device connected):

   • Android: Start the Android emulator from Android Studio or use a command line tool.
   • iOS: Start the iOS simulator from Xcode (macOS only).

2. Run the App:

   flutter run