hackquest logo

Echoes

The AI-Powered Localized Storytelling & Landmark Exploration App is a mobile application designed to enhance how users experience their surroundings. It automatically detects nearby landmarks—whether

Videos

Description

Localized Storytelling & Historical Site Exploration App

Name- "Echoes"

We made a mobile app that transforms everyday city walks and visits to historical sites into rich, immersive storytelling experiences. By leveraging GPS technology and AI-generated narratives, the app delivers personalized stories tied to the user’s exact location. As users move through different places, they unlock content ranging from historical facts and cultural insights to myths and imaginative alternate realities.

The app supports both text and audio formats, allowing users to choose how they want to experience each story. It offers interactive quests to deepen engagement, multilingual support for global accessibility, and gamified elements such as quizzes, points, and achievement badges to make exploration more fun and rewarding.

Whether you're a tourist seeking a deeper connection to a new city, a student learning on the go, or a history buff looking for a unique perspective, this app brings places to life through dynamic, location-based storytelling.

Progress During Hackathon

✅ Project Initialization & Setup Bootstrapped Expo React Native project with TypeScript. Organized modular folder structure: app, components, constants, hooks, and more. Configured expo-router for navigation and screen switching. ✅ UI Components & Screens Built reusable components: ThemedText, ThemedView, Collapsible, HelloWave, and ParallaxScrollView. Created fully functional screens: Explore, Visited, and integrated within the tab navigator. Designed responsive and theme-friendly UI. ✅ Authentication System Implemented login and signup functionality connected to a backend API. Used MongoDB for storing user credentials securely. Integrated AsyncStorage for storing auth tokens on the device. Managed user state globally using React Context API. ✅ Visited Places Feature Integrated Google Places API to fetch nearby historical landmarks. Enabled users to mark a location as “Visited” which: Stores the coordinate and metadata in MongoDB. Adds 1000 points to the user’s profile. Displayed all previously visited places on the "Visited" screen. ✅ GPT-4 Description Generator Connected to OpenAI API to generate historical descriptions for each visited landmark. Descriptions are displayed dynamically upon visiting a location. ✅ Quiz Section Developed quiz system triggered after a place is marked as visited. Questions are contextually relevant to the place using GPT-generated data. Integrated backend support for quiz retrieval and scoring.

Tech Stack

React
Node
React Native
Express
MongoDb
Google cloud platform

Fundraising Status

NIL

Team LeaderSShivangi Pal
Sector
Other