🏝️ Fairy-Tale Island 🏝️

📌 Project Overview

We noted the phenomenon of poor pre-school language education for children when their primary caregivers are poor at the language of their country of residence in an era where there are many multicultural families. In multicultural families, the subject of language education is children and primary caregivers.

We provide a fairy tale reading service that allows main caregivers and children to bond with each other and acquire language and culture of their country of residence.

📌 Problem

According to a national survey of multicultural families conducted in Korea in 2021, the biggest difficulty in raising children was Korean language instruction (26.8%) for those under the age of 5 and learning instruction (50.4%) for those over the age of 6.

In a typical family, the caregiver is proficient in the language, so the child is naturally able to acquire it. However, in a multicultural family, the primary caregiver is less likely to acquire a language because the primary caregiver may be inexperienced in the language of the country of residence. The degree of language learning also has a significant impact on pre-school children's educational attainment.

📌 Solution

Children's storybooks read by their parents in childhood have excellent language learning effects. So, with this in mind, we propose a ${\textsf{\color{#39A7FF}"Dual Language Storybook"}}$ solution that enables both children and primary caregivers to naturally learn languages in multicultural families.

We have chosen high quality education among the UN's sustainable development goals, and the specific goal is ${\textsf{\color{#39A7FF}4.2 Equal Access to Quality Pre-school Education.}}$

Caregivers can read fairy tale books with their children to acquire culture and language, and learn words. After reading the fairy tale books, the "Think" question allows them to think deeply about the contents of the fairy tale and induce them to interpret them in their own way for social learning. It also allows caregivers and children to bond by having conversations about the book.

There are four areas for indicators at the United Nations to see if children's development is on track. Our solution sought to improve in terms of literacy and social/emotional learning among the four.

Reading fairy tales with parents naturally helps them learn about letters and improve their reading skills. Also, think-about questions can induce conversations between parents and children, forming an emotional bond. Social learning is possible through social thinking, while thinking about the contents of fairy tales to answer questions.

One of the ways preschoolers learn a language is "reading fairy tales together." Using our solution, the primary caregiver can also read fairy tales, learn words, and practice pronunciation with a guide through TTS. This allows the primary caregiver to read fairy tales to children, too.

Our solution allows us to read fairy tales together and provide "think" questions to create conversational topics, and to communicate and bond by sharing stories about fairy tales together.

📌 Demo Video

demo.video.mp4

📌 Architecture

${\textsf{\color{#4285f4}G}\textsf{\color{#ea4335}o}\textsf{\color{#fbbc05}o}\textsf{\color{#4285f4}g}\textsf{\color{#34a853}l}\textsf{\color{#ea4335}e}}$ Products

Google Cloud Platform
Google Cloud Storage (Bucket)
Google Cloud SQL
Google translation API
Google text to speech API

📌 Start Guide

🖥 Front-end

Requirements

Before getting started, ensure you have the following installed:

Node.js
npm (Node Package Manager)

Install and Clone

Clone the Repository:

git clone https://github.com/GDSC-CAU/FTIsland-FE.git

Change Directory:

cd FTIsland-FE

Install Dependencies:

npm install

Environment Variables Setup

Create a .env.local File

Create a .env.local file in the root directory of your project.

Set Environment Variables

Set the required environment variables in the .env file. For example:

NEXT_PUBLIC_GOOGLE_CLOUD_API_KEY={ /* Your gcp key */ }
NEXT_PUBLIC_SERVER_URL=http://localhost:8080

Run

To run the front-end application, follow these steps:

Development Mode:

npm dev

Test

Open http://localhost:3000 with your browser to see the result.

🖥 Back-end

Requirements

Before getting started, ensure you have the following installed:

MySQL
Java (JDK17)
IntelliJ IDEA

Install and Clone

Clone the Repository:

git clone https://github.com/GDSC-CAU/FTIsland-BE.git

Open

In IntelliJ IDEA, open the folder for that clone path and select the "build.gradle" file to open it.
When the gradle plug-in elephant appears, press it to add dependency.
If you have a build problem, change to Build Tools in settings: IntelliJIDEA -> Gradle or vice versa.
If you still have a problem, set the gradle JVM version to 17.

Environment Variables Setup

You must enter the API Key in the yml file to run. Running as it is may not support some of the features.
The mysql setting must be as follows.

In mySQL workbench, set the root user's password to 0000.

mysql -u root

set password = password('0000');

Create database under the name 'ft'

create database ft;

Run

In "com.FTIsland.BE" folder, Run "BeApplication" file.
Test
Open http://localhost:8080 or use the POSTMAN to check the api operation.