Interactive Storytelling Website for Children: Enhancing Vocabulary and Creativity

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 03 | Mar 2025

p-ISSN: 2395-0072

www.irjet.net

Interactive Storytelling Website for Children: Enhancing Vocabulary and Creativity Jilce k augustine1, Sachu Nijin2, Adithya S Nair3, Mohammed Rishan K4, Athira R Kurup5 , Shijina B6 Department of Computer Science and Engineering, TOMS College of Engineering Mattakara, India ---------------------------------------------------------------------***--------------------------------------------------------------------1.1 Problem Statement Abstract – Through interactive storytelling and wonderful resources, the purpose of this creative website is to improve the vocabulary and the language skills of young students.

The interactive vocabulary building, which is integrated on the site, combines the vocabulary element with images and provides interactive definitions, examples of sentences and related ideas to simplify complex ideas. Storytelling Quiz feature combines young readers with appropriate stories of development, which ends in interactive studies, which guarantees to understand and learn fun consolidation. The spontaneous and creative design of the site uses live graphics and user friend navigation to create a dynamic and encouragement environment that encourages innovation. In addition, it provides an individual learning experience that adopts the material for the child's age and language skills

Current digital storytelling platforms frequently miss interactive learning elements that effectively aid children's vocabulary growth and understanding abilities. Numerous platforms offer fixed text without clarifications for challenging words, making it more difficult for young readers to grasp new ideas. Furthermore, the lack of interactive quizzes reduces participation and memory retention. Certain platforms feature intricate interfaces that are not made for children. This initiative seeks to create an interactive storytelling website that boosts learning by incorporating word-highlighting, definitions, and engaging quizzes in a kid-friendly setting.

1.2 Objectives of the Study

Key Words: Interactive Storytelling, Children's Literacy, Vocabulary Enhancement, Digital Learning, Educational Website, Gamified Reading, Story-Based Learning, Reading Comprehension, User Engagement, Personalized Learning.

The important intention of this research is to create an interactive storytelling internet site that improves kids' vocabulary, knowledge, and hobbies through interactive learning functionalities. The website will offer a clean-to-use interface in which kids can navigate stories with emphasized difficult words, along with real-time definitions to aid vocabulary improvement. The website can also feature interactive quizzes at the conclusion of every story to reinforce learning and test knowledge.

1.INTRODUCTION Narrative engagement is vital in a child's development, influencing language abilities, creativity, and cognitive advancement. Historically, kids engaged with narratives via books, spoken tales, and animated films. Nevertheless, as digital platforms have emerged, the ways in which they engage with stories have changed. Although numerous websites and applications provide digital books and audiobooks, they frequently fall short in offering interactive elements that promote active learning.

The second primary aim is to make the website both aesthetic and user-friendly so that it is accessible for young users. The website can be developed in HTML, CSS, JavaScript, and React.JS, and Node.JS for seamless execution and responsiveness. AI-powered personal storytelling, textto-speech functionality, and support for different languages will be considered for further improvements to ensure accessibility and interactivity.

A major obstacle in digital storytelling is the lack of tools that assist children in enhancing their vocabulary and understanding in an enjoyable manner. Numerous platforms offer static text or audio lacking interactive features, resulting in difficult terms being left unclarified and hindering comprehension. Moreover, many do not include quizzes or activities to strengthen learning.

1.3 Scope of the Project The project focuses on developing an interactive storytelling site designed for children aged 6-12, which aims to increase reading skills, vocabulary and understanding.

The platform will have a collection of age -based stories in different styles, which will ensure a diverse and attractive reading experience. To help the learning, the site will include word-howling functions, where difficult words are emphasized and explained in a child-friendly way. In addition, the interactive quiz will be integrated at the end of each story to strengthen understanding and storage.

This research introduces an engaging storytelling platform aimed at children, incorporating word-highlighting, definitions, and quizzes. Through the integration of storytelling, gamification, and interactive education, the platform seeks to transform reading into a fun and enlightening experience for young students.

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 245

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 03 | Mar 2025

p-ISSN: 2395-0072

www.irjet.net

The site will be created using HTML, CSS, JavaScript, React.JS and Node.JS, which ensures a responsible and user -friendly interface. The design will focus on light viewing, easy navigation and access, making it easier for young users to contact materials. Future promotion may include multilingual support for AI-controlled individual history, text-speaking functionality and forum access. The purpose of this project is to provide an independent and interactive learning tool, which helps children improve the vocabulary and creativity through confusing digital storytelling.

3.1 System Architecture and Design The front page of the site is designed with HTML, CSS, JavaScript and Bootstrap, which ensures an interactive, visually attractive and fully responsible design. Bootstrap and Pre-Belt Components Grid Systems allow spontaneous adaptability in different screen sizes, making the platform available on desktop machines, tablets and mobile devices.

The interface is designed with a child -friendly design, including reading experiences, large fonts and bright colors to improve easy navigation. Facilities such as history options, word highlighting, interactive quiz and progress tracking are integrated into a user interface for a smooth and attractive experience. In addition, the tools responsible for bootstrap help maintain a smooth design in different screen solutions, and ensure that young users can navigate the site without comfortable technical difficulties.

2.2 Existing Digital Storytelling Platforms With progress in technology, various digital storytelling platforms have emerged, including e-books, audiobooks and mobile apps. Platforms such as Kindle, Audio and YouTube Story video provide digital printbooks. Under these functions and access, they often have a lack of characteristics that support active learning. Many digital history books are passive reading experiences, where children just listen or study without interaction. Some platforms provide basic animations, but they do not include terminology improvement equipment such as Word-Headlighting, definition of real-time or intelligent quiz. This limits their efficiency in helping children improve language skills.

Backend (Server-Expect) is developed using Node.JS and Express. JS, which allows efficient processing, record recovery and effective treatment of interactive elements of the person's requests. Express.JS is used to create relaxing APIs that handle interactions between the front and database, which ensures fast and stable post transactions.

Backend Story administers retrieval, word slope logic, quiz submission and user authentication, making the website dynamic and individual. To ensure that stable individual authentication and profile management, Firebase approval or JWT (JSON web tokens) may be allowed, so that youth can give music to progress without compromising on security. In addition, Server-face container strategies can be used to improve the load speed and adapt to performance to a continuous history.

2.3 Comparison and Identified Challenges When you compare traditional and virtual storytelling, it's far clear that each have electricity and weaknesses.

Traditional techniques encourage deep dedication and creativity, but loss of interactive studying guide. Digital systems improve access and comfort, however are unable to provide personal, interactive learning reviews. Major demanding situations within the cutting-edge storytelling device consist of:

Database team MongoDB, a NOSQL mail-based perfectly based on the use of database, which effectively administers stores and many types of materials, along with stories, highlighted sentences, quiz questions, consumer loans and

Lack of vocabulary: Children face new word with out explanation.

Impact Factor value: 8.315

Engaging UI for kids: Complex interfaces can make virtual storytelling much less attractive to young users.

This section emphasizes system architecture, techniques, functions and implementation process for interactive storytelling sites. The platform is designed to increase understanding through children's reading experiences, vocabulary and interactive elements.

Storytelling has been an important part of the early secondary school, traditionally introduced through oral statements, printed books and illustrated history books.

These strategies encourage your imagination, listen to your ability and improve your language skills. However, there are limits as well. The indication of the oral story is closely tied to participation from parents or coaches, making it less easy to gain independent knowledge. Printed books, although precious, no longer offer interactive engagement; one can read the story, although there is no immediate help with difficult words or understanding. In addition, the static text material no longer provides multimedia features, including animation, sound effects or interactive materials, which may be more attractive to learn.

|



3. METHODOLOGY

2.1 Traditional Storytelling Method

© 2025, IRJET

Minimum interplay: Most systems do not offer quiz or sports to reinforce mastering.

The undertaking addresses those demanding situations by means of growing an interactive storytelling website online that combines the advantages of both traditional and virtual techniques while overcoming the limits.

2. EXISTING SYSTEMS AND CHALLENGES





|

ISO 9001:2008 Certified Journal

|

Page 246

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 03 | Mar 2025

p-ISSN: 2395-0072

www.irjet.net

progress information The flexible scheme with MongoDB is particularly useful for dynamic management management.

Developed figures, allow the regular development of the history series and allow integration of the latest acquired knowledge of functions. The database will help users mainly based findings to help users perfectly find relevant testimony based on age agencies or styles. In addition, index and customized query structures can be used to improve the recovery speed, ensuring quick access to stories and quiz results. Future promotion, AI-controlled individual storytelling points and multilingual guides can also occur without problems used due to scalability of MongoDB.

3.2.2 Backend Technologies The interactive storytelling website is responsible for managing the Backend data flow, processing user interactions, and ensuring smooth communication between the front and database. It is created using Node.JS, a sharp and scalable Runtime environment that allows JavaScript to be used on the server side. Node.JS is well suited for handling asynchronous operations, which makes it effective to manage multiple requests at the same time. To streamline backed development, express. JS is used as a web framework.

Express.js Restful simplifies the process of creating APIs, which allows stories, quizzes and user data to create uninterrupted recovery and updates. The combination of node.js and express.JS ensures that the site remains responsible and manages the distribution of materials effectively, making it easier for children to detect stories without delay.

3.2 Technologies Used The interactive storytelling website is developed using a combination of frontend, backend, and database technologies to ensure a responsive, interactive, and scalable user experience. These technologies work together to provide seamless navigation, real-time interactions, and secure data management.

Backend also plays an important role in data storage and management, ensuring that stories, quiz and user program data are streamlined and available. The NOSQL database such as MongoDB is used to stimulate and reconstruct information effectively. MongoDB provides flexible document-based storage, which allows dynamic schema adaptation to different history structures. Mongoose, using an Object Data Modeling (ODM) library, makes database interactions more simplified by providing a structured schema for the control of history content, user print and quiz response. Since NOSQL databases such as MongoDB support quick questions and indexing, they are well suited to handle large versions of history data while maintaining performance. This setup ensures that users can use and interact with stories easily or without loading problems.

3.2.1 Frontend Technologies In front of the interactive storytelling is designed to provide a blind attractive, responsible and user friend experience.

This ensures that the scene is spontaneously, interactive and available on different devices. Frontends mainly use HTML5, CSS3, JavaScript (ES6+) and Bootstrap to create a dynamic and structured interface. HTML5 is used for the composition of materials such as stories, quiz, navigation menu and images and multimedia elements such as sound. Signatory HTML, SEO and screen readers improve compatibility, ensure access. CSS3 improves visual appeal on the site by offering children -seminar writing, vibrant color and animation to make the conversation attractive. The combination of CSS Flexbox and grid layout helps you organize elements efficiently and ensure a dislocation -frost design. In addition, CSS infection and floating effects are used to improve the user experience, such as items such as buttons, quizzes and stories are visually responsible for user features.

To improve safety and optimize the API performance, Backend integrates different techniques to ensure a stable and effective user experience. Intermediate functions Request for verification, certification control and error handling in Express.JS before sending reactions forward and front and front and on and on. Collection strategies are often used to store access to data, reduce database questions and improve the response time. In addition, speed -limited and input verification mechanisms help protect the site from spam and malicious activity. By implementing these adjustments, Backend ensures secure data processing, fast material delivery and reliability of general systems. These measures make the site scalable, so it can adjust the increasing number of users without compromising performance.

Javascript (ES6+) is required to make the site interactive and dynamic. It strengthens important features such as WordHyliteing, Quiz and Real Time Updates. For example, hard words are highlighted in stories, and when clicking, they show the meaning of a small pop-up. Javascript also enables events-operated interactions, where button release animations, tool pads or audio playback to create an attractive story. Quiz functionality uses JavaScript to examine the answer, provides quick response and tracks the user's progression. In addition, the dome manipulation technique ensures that quiz results, highlighted words and progressive tracking updates make real -time tracking updates without side loading requirements.

© 2025, IRJET

|

Impact Factor value: 8.315

3.2.3 Database Management The good database management system is required to use and restore history material, quiz, progress and interactions.

The interactive storytelling website uses MongoDB for its scalability, flexibility and performance, a NOSQL database.

Unlike the traditional relationship database, MongoDB

|

ISO 9001:2008 Certified Journal

|

Page 247

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 03 | Mar 2025

p-ISSN: 2395-0072

www.irjet.net

collects documents such as Json as Json, making it easier to manage dynamic and unnecessary data, such as stories with different structures, multimedia elements and user -related materials. The document provides quick access to storage and quiz storage, and ensures a spontaneous reading experience without a long loading time. The database is adapted to handle multiple user interactions at the same time, making it ideal for a growing platform.

3.3.2 Word Highlighting with Definitions To support the vocabulary building, the site has an automatic wording system that helps children understand difficult words in context. Challenging words have come out through history so that young readers can hover them to see immediate definitions. This feature eliminates the requirement for external dictionary findings, making learning uninterrupted and attractive. Clicking on a word provides sound statement, example sentences and synonyms, and ensures a multi -sensitive teaching approach that improves storage. By integrating interactive terminology support, the scene helps children expand their language skills naturally as they read.To support the vocabulary building, the site has an automatic wording system that helps children understand difficult words in context. Challenging words have come out through history so that young readers can hover them to see immediate definitions. This feature eliminates the requirement for external dictionary findings, making learning uninterrupted and attractive. Clicking on a word provides sound statement, example sentences and synonyms, and ensures a multi sensitive teaching approach that improves storage. By integrating interactive terminology support, the scene helps children expand their language skills naturally as they read.

MongoDB, mongoose, is used to facilitate structured interaction with Object Data Modeling (ODM) library.

Mongoose provides a Schima-based approach, which allows the production of well-defined models for different data types, such as stories, users and quiz results. The document for each story includes fields, authors, style, materials, difficulty levels and interactive elements (e.g. highlighted words and related meanings). User supply data, such as complete stories, bookmarking material and quiz score, are also stored effectively. Using Mongoose ensures Backend data stability, verification and easy query so that the operation can restore and update real -time information.

Database performance is further improved through sequencing and disposal techniques, which helps to accommodate the execution rate for the query. Indexing improves exploration performance so that users can quickly find relevant stories based on keywords, age groups or levels of difficulty.

3.3.3 Interactive Quizzes for Learning To strengthen the understanding and important thinking of reading, the site includes interactive quiz at the end of each story. These quizzes are designed to test the understanding of a child of history, vocabulary and moral lessons. Questions come in different forms, including questions with multiple choices (MCQ), fill-in-the-blank and their meanings. Quiz provides quick response and explanation, and helps children learn from their mistakes and improve understanding of understanding. By reducing the learning process, the platform ensures that children are engaged, motivated and eager to detect more stories.

3.3 Features and Functionalities The interactive storytelling website is designed to increase children's reading experience through attractive, educational and interactive functions. It provides a structured and simple platform where children can detect stories, improve vocabulary and test their understanding through interactive elements. A combination of age classification, word extraction, quiz and progressive tracking of the user ensures a personal and pleasant learning journey. The site's functionality focuses on improving literacy, promoting curiosity and reading a fun experience for young students.

Below are the most important features that make the stage unique and efficient.

3.3.4 User Profiles and Progress Tracking To make a personal learning trip, the website uses users to create a personal profile, where they can track the reading history, full stories and quiz score. A reward -based progress tracking system, including brands, points and reading strikes, encourages children to continuously read and connect to the platform regularly. This facility inspires young readers by giving them a sense of performance, while parents and teachers also help to monitor their progress.

The ability to bookmark stories and look at the favorites that make sure children can learn at their own pace while maintaining their enthusiasm to read.

3.3.1 Story Selection and Categorization To ensure that children find stories about their age and reading level, the website classifies stories in the ageappointed groups, such as 6-8 years and 9-12 years. This structured classification allows young readers to contact materials that match their ability to understanding, motivating and interested in them. In addition, the site provides a diverse category adventure, adventure, mysticism and moral stories, including stories. Each style is designed to encourage creativity and important thinking, and gives children different types of history experiences. The intuitive interface lets users browse, filter and choose stories, ensure an attractive and user -friendly reading experience.

© 2025, IRJET

|

Impact Factor value: 8.315

4.RESULTS The assessment of a children's interactive storytelling website centers on how it could impact reading

|

ISO 9001:2008 Certified Journal

|

Page 248

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 03 | Mar 2025

p-ISSN: 2395-0072

www.irjet.net

comprehension, vocabulary, and skills. The website can enhance the educational experiences of young readers by incorporating interactive features, sports education components, and an easy-to-use interface. Children can enjoy the process of developing their language abilities while learning storytelling, terminology, and evaluation through an organized manner. The key areas where such a website can make a big difference are listed below.

monitor their progress. In addition, the site guarantees wider access, which allows children of different geographical places, educational levels and backgrounds to benefit from excellent fiction and interactive learning materials without physical limitations.

4.4 Potential Influence on Educational Systems The platform for interactive storytelling can be used to add digital resources to existing teaching techniques in educational institutions. These platforms allow teachers and schools to better monitor students' progress, offer tasks by reading and improving the class instructions. Multimedia integration, testing and progress monitoring correspond to all modern teaching strategies that prefer participation and active learning. This learned language and reading instructions, so that education can be more studentcentered, inclusive and technology-leading.

4.1 Improvement in Literacy and Vocabulary and Development The ability of an interactive storytelling platform to improve children's literacy is one of the main benefits. With the help of highlighted terminology, age -appointed stories and statement guides, young readers can easily increase language knowledge. Interactive features on the site actively involve users in the identity and relevant interpretation of the word, as opposed to traditional publications, which only require passive reading. Children can build a strong vocabulary foundation and increase their general reading skills and communication skills by obtaining examples of definitions of quick words and using to strengthen learning.

The ability of an interactive storytelling platform to improve children's literacy is one of the main benefits. With the help of highlighted terminology, age -appointed stories and statement guides, young readers can easily increase language knowledge. Interactive features on the site actively involve users in the identity and relevant interpretation of the word, as opposed to traditional publications, which only require passive reading. Children can build a strong vocabulary foundation and increase their general reading skills and communication skills by obtaining examples of definitions of quick words and using to strengthen learning.

5.CONCLUSION Children's Interactive Story telling website offers a fun, educational and easily navigable platform that improves reading comprehension, vocabulary and literacy. The site encourages young readers to form a reading habit while doing fun by using interactive features such as words that highlight, tests and promotes trade. Children can detect books at their own pace, thanks to its age classification and adaptable functions. In addition, the platform can help in modern education by using technology -driven teaching strategies. This site can help young people around the world read more interactively, efficiently and pleasantly thanks to the immersive and user -friendly design.

ACKNOWLEDGEMENT

4.2 Increased Engagement and Interest in Reading

Owing to their unwavering support and guidance during the project, we could not help but express our heartfelt thanks to them, especially Assistant Professor Athira R Kurup, as the project guide. We also extend to our gratitude to our friends, as well as the professors from TOMS College of Engineering, for giving us constructive feedback. Lastly, our heartfelt gratitude goes to our families despite sticking by us for a long time during the project.

Traditional reading methods often struggle to capture and maintain children's attention, especially in the digital age, where interactive media dominates. An interactive storytelling website connects multimedia elements, such as visual, animation and quiz, to make reading more attractive and pleasant. By incorporating features such as quiz, marks and progress tracking, the stage motivates children to read more stories and associate with regular materials. This increased commitment has a high storage of information, which makes learning feel less like a core and is more like an exciting adventure.

REFERENCES [1]

C. Lin, S. Sabanoviˇ c, L. Dombrowski, A. D. Miller, E. Brady, and K. F.´ MacDorman, “Parental acceptance of children’s storytelling robots: A projection of the uncanny valley of ai,” Frontiers in Robotics and AI, vol. 8, p. 49, 2021.

[2]

Y. Chen, Y. Li, H. Du, Y. Zhang, and Y. Liu, “Virtual reality and storytelling: A review,” Multimedia Tools and Applications, vol. 78, no. 24, pp. 34343–34362, 2019.

[3]

T. Bratitsis and P. Ziannas, “Digital storytelling: Tips and resources,” 2015.

4.3 Accessibility and Personalized Learning The ability to provide individual and flexible learning experiences from digital storytelling platforms is one of the main benefits. Unlike traditional books, which have a certain format, enable an online platform optimization according to personal taste, reading level and complexity. A self -box learning environment is created where children can choose stories that they are interested, go to previous lessons and

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 249

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 03 | Mar 2025

p-ISSN: 2395-0072

www.irjet.net

[4]

N. Frude and S. Killick, “Family storytelling and the attachment relationship,” Psychodynamic Practice, vol.

17, no. 4, pp. 441–455, 2011.

Winckler, and Panayiotis Zaphiris (Eds.). Springer International Publishing, Cham, 465–474

[5]

R. Lever and M. Sen´ echal, “Discussing stories: ´ On how a dialogic reading intervention improves kindergartners’ oral narrative construction,” Journal of Experimental Child Psychology, vol. 108, no. 1, pp. 1–24, 2011

[6]

B. Alexander, The New Digital Storytelling: Creating Narratives with New Media.Santa Barbara, California: Praeger, 2011

[7]

A. Bell, Digital storytelling: Capturing lives, creating community. Berkeley:University of California Press, 2010.

[18] Jackie

[8]

G. M. DeNatale, “Digital storytelling: Tips and resources,” Boston, MA, 2008

[19] Alison H Paris and Scott

[9]

J. Peck, “Using storytelling to promote language and literacy development,” The Reading Teacher, vol. 43, no.

2, pp. 138–141, 1989.

[16] Neelma

Bhatti, Timothy L Stelter, and D Scott McCrickard. 2021. Conversational User Interfaces As Assistive interlocutors For Young Children’s Bilingual Language Acquisition. arXiv preprint arXiv:2103.09228 (2021).

[17] Pamela Blewitt, Keiran M Rump, Stephanie E Shealy, and

Samantha A Cook. 2009. Shared book reading: When and how questions affect young children’s word learning.

Journal of Educational Psychology 101, 2 (2009), 294.

Peck. 1989. Using storytelling to promote language and literacy development. The Reading Teacher 43, 2 (1989), 138–141.

G Paris. 2003. Assessing narrative comprehension in young children. Reading Research Quarterly 38, 1 (2003), 36–76.

[10] Purwanto, N. (2017). Prinsip-Prinsip Dan Teknik Evaluasi

Pengajaran. PT Remaja Rosda Karya.

[11] Meduri, N. R. H., Firdaus, R., & Fitriawan, H. (2022).

Efektifitas Aplikasi Website Dalam Pembelajaran Untuk Meningkatkan Minat Belajar Siswa. Akademika, 11(02), 283–294. https://doi.org/10.34005/akademika.v11i02.

2272 [12] Djamarah,

S.B., & Zain, A. (2014). Strategi Belajar Mengajar. Rineka Cipta. Kisworo, T. W., Nuswowati, M., & ... (2022). The Android-based Interactive PopUp Multimedia Development to Improve Environmental Literacy, Learning Autonomy, and Learning Outcomes.

Journal of Primary …, 11(1), 78–90. https://journal.unnes.ac.id/sju/index.php/jpe/ article/view/57981

[13] Widoyoko, E. P. (2014). Teknik Penyusunan Instrumen

Penelitian. Pustaka Setia. Sugiyono.

Untuk Penelitian. Alfabeta

(2016). Statistika

[14] Becker, S., Klein, P., Gößling, A., & Kuhn, J. (2020). Using

mobile devices to enhance inquiry-based learning processes. Learning and Instruction, 69(May), 101350. https://doi.org/10.1016/j.learninstruc.2020.1 [15] Diogenis Alexandrakis, Konstantinos Chorianopoulos,

and Nikolaos Tselios. 2019. Insights on Older Adults’ Attitudes and Behavior Through the Participatory Design of an Online Storytelling Platform. In HumanComputer Interaction – INTERACT 2019, David Lamas, Fernando Loizides, Lennart Nacke, Helen Petrie, Marco

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 250