LitQuest

Web Page sample dialogue
Web Page Scene Preview
Web Page Scene Preview
Web Page Scene Preview
Web Page Interactive Choice
Web Page Dialogue and Chat History
Web Page Chapter Select
Web Page Difficulty Select
Web Page Pause Menu
Web Page Book Select
Mobile App Main Screen
Mobile Pause Menu
Mobile App Selection Screen
Mobile Visual Novel Screen

LitQuest

Inspiration

According to the National Literacy Institute, 54% of adults have a literacy level below a 6th-grade level, and 20% are below a 5th-grade level. We aim to reverse the trend in reading comprehension by taking the fast engagement from video games and social media and applying it to classic literature, making it accessible to those who struggle to understand it.

What it does

LitQuest gamifies the reading experience by converting traditional novels into interactive dialogue trees. Users step into the shoes of classic characters, navigating the plot through a social-media-style interface. The app breaks down complex narratives into digestible segments and simplifies advanced vocabulary, allowing users to "play" the book rather than just read it.

How we built it

We used the following technologies:

React, TypeScript, HTML, Node.js, JavaScript, MongoDB, Figma

We designed our UX/UI in Figma and built the app prototype using React and TypeScript. For the backend, we used Node.js and MongoDB to handle the dialogue and story data for each novel.

Challenges we ran into

We faced challenges merging our frontend and backend development. We were initially unsure how to connect the database to the user interface, but we successfully integrated them with help from peers and mentors.

Accomplishments that we're proud of

We are proud of our dialogue and story system. We manually adjusted the vocabulary and story options to improve readability and connected them using MongoDB. We are also proud of our final UX/UI design, which we revised multiple times using rapid prototyping in Figma to accommodate new features based on multiple stages of feedback.

What we learned

We learned about database integration with MongoDB and gained experience in the "design-to-code" workflow, transferring designs from Figma to React.

What's next for LitQuest

Our future plans involve developing a fully functional mobile app based on our Figma prototype and incorporating a secure login system using Firebase. We also intend to integrate a Cloud API to expand the app's capabilities, being able to use a chatbot to ask questions about the text.