Application Design II / Task 4: Final Application & E-portfolio
Application Design II, Bachelor of Design (Honours) in Creative Media
Table of Contents
Module Information Booklet (MIB)
Module Information Booklet (MIB)
Task 1 - Task 3
Click below to access the complete documentation for Task 1 – 3.
- Task 1: App Design Self-Evaluation and Reflection
- Task 2: Hybrid Lo-Fidelity Mobile App Development
- Task 3: Micro Interaction Prototype
Task 4: Final Application & E-portfolio
This blog highlights the completed Memrise application developed using FlutterFlow and Firebase. It covers an overview of the app, its key features, Firebase integration, animation implementation, and the final outcome of the project.
Memrise
Memrise is a language learning application that helps users build vocabulary and improve their communication skills through interactive lessons and quizzes. It combines visual learning, audio pronunciation, and spaced repetition to make learning more engaging and effective.
For this project, I redesigned and developed a functional prototype of Memrise using FlutterFlow and Firebase, focusing on a clean interface, smooth interactions, and an enjoyable learning experience.
|
| Fig.1 Overview of the Memrise application |
Key Features
The Memrise application includes several core features designed to create a smooth and engaging language learning experience. From account management and personalized learning to interactive lessons and quizzes, each feature works together to help users learn at their own pace.
1. User Authentication
Users can securely create an account, log in, and reset their password using Firebase Authentication.
|
| Fig.2.1 User Authentication |
2. Personalized Learning
Users begin by selecting their preferred language, proficiency level, and learning frequency. The app then personalizes the learning experience based on these selections.
|
| Fig.2.2 Goal Setup |
3. Interactive Lessons
Lessons use flashcards with audio pronunciation, translations, and example sentences to make learning more interactive and engaging.
|
| Fig.2.3 Flashcard Lessons |
4. Quizzes & Review Mistakes
After each lesson, users complete a quiz with instant feedback. Incorrect answers are automatically saved so they can be reviewed and practised again later.
|
| Fig.2.4 Quizzes & Review Mistakes |
5. Progress Tracking
The app tracks learning progress through XP, lesson completion, unlocked levels, and user statistics, helping users stay motivated throughout their learning journey.
|
| Fig.2.5 Progress Tracking |
Firebase Integration
xxx
Animation Implementation
xxx
Final Outcome
FlutterFlow link: https://app.flutterflow.io/project/memrise-gjbv9u
Canva Presentation Slide: https://canva.link/8sjn7iua19ujj5j
Video Presentation and Walkthrough Video: https://youtu.be/hpuLroZol7w
Canva Presentation Slide
Reflection
xxx
Comments
Post a Comment