Homepage

The homepage provides snapshots of the application's key features, including:

Herbs "Tinder"

This page is designed to function with a randomized deck of herbal cards. Users can swipe left to skip a card or swipe right if they are interested in exploring it further. Swiping right directs users to a detailed page about the selected herb, featuring useful information and a chat interface with the AI mascot for further engagement.

Library

The library page is designed to showcase all herbs in our platform. The illustrations for the herbs are AI-generated but ensure a high level of resemblance to their real-life counterparts. Additionally, the drawing style is carefully maintained for visual consistency across all illustrations.

Lessons

The Lesson Page provides a list of practical, application-focused lessons. From here, learners can select and start any available lesson. Users are required to log in before beginning a lesson, enabling the system to track their progress by storing data of which lessons they have started and which ones they have completed.

Lesson Content Page

This page contains eLearning lesson content about how to use different types of herbs. The lessons are designed with text and illustrations, complemented by interactive features such as drag-and-drop, card flipping, multiple-choice questions, and a scrolling experience (on desktop) or swiping (on mobile devices). These elements aim to enhance user engagement and encourage an active learning experience.

Chat with AI

The Chat with AI feature is designed as a conversational interaction with the mascot, Bruno Bear. This functionality allows learners to dive deeper or explore broadly on any topic related to the herb they are currently discovering.

The prompts are also crafted to help the AI understand the context of the conversation and respond in the voice of the mascot — a friendly guide and an expert in herbal knowledge.

To encourage user engagement, we suggests four AI-generated questions relevant to the current topic. Users must log in to start a conversation with the AI, and their chat history is saved, allowing them to resume the conversation later.

Herbal Quest

Trang "herbal quest": cung cấp một bản đồ giả tưởng các vùng đất thảo mộc, các vùng đất này được đặt tên theo các nhóm vị của các loài thảo mộc, như "bitter mountain, Pungent Valley, Salty Island..." Khi người dùng nhấn vào từng vùng đất, thì hình ảnh, thông tin chi tiết và các loại thảo mộc thuộc vùng đất đó sẽ được hiện lên, kèm theo các task cụ thể cho người dùng để họ có thể tham gia hành trình khám phá các loại thảo mộc

Bages

The reward system is thoughtfully designed to cater to various user groups, from first-time users to long-term app users. It aims to activate brain mechanisms that foster a sense of satisfaction and maintain user excitement with the app.

Rewards are presented in the form of badges, which users can view on their personal profile page. This system helps learners stay motivated and engaged with the application over time.

Since the reward system is closely tied to various tasks, and these tasks are quite complex and dependent on multiple components within the application, the reward system is not yet fully developed and has not been implemented in the live application.

Favorite

The Favorite Page contains all the herbal cards that users have saved during their exploration. This page also offers a flashcard-like feature, allowing users to participate in a small challenge to recall the names and basic information of the herbs they have saved, based on their images.

Profile

The Profile Page contains some personal information about the user, as well as data saved from their usage of the app, such as the lessons they have completed, the cards they have explored and saved, the badges they have earned, and their conversations with the AI mascot, Bruno Bear.

Additionally, if the user is a supporter (subscriber) of the app, their avatar will have a golden frame to honor their contribution.