TimeFrame

• 

  Sign In

• 

  Sign Up

• 

  Landing

• 

• 

• 

How we built it

TimeFrame was built using a combination of cutting-edge technologies and frameworks. For the mobile application, we chose Expo & React Native for their cross-platform capabilities, allowing us to target both iOS and Android devices from a single codebase. The React/Expo Navigation was utilized to manage transitions and navigation within the app. For fetching data and interacting with our backend, Axios was our go-to for making HTTP requests. We also integrated various Expo Modules like expo-camera and expo-location to access device hardware and native APIs, enhancing the AR experience. The frontend animations and gestures were powered by React Native Reanimated & Gesture Handler, providing a smooth and responsive user interface. On the backend, we developed a scalable Python service to manage user data and serve the AR content efficiently to both the mobile app and the web interface, which was built using Next.js for its server-side rendering capabilities and ease of deployment.

Challenges we ran into

One of the main challenges we faced was integrating the AR functionality seamlessly across different devices and platforms, ensuring a consistent user experience. Achieving smooth performance and quick loading times for AR content, especially on lower-end devices, required significant optimization. Another challenge was designing a user-friendly web interface that complements the mobile AR experience, making historical data engaging and accessible. Additionally, managing real-time location-based information and notifications presented technical hurdles in terms of accuracy and efficiency.

Accomplishments that we're proud of

We are particularly proud of creating an immersive AR experience that brings history to life in a way that is both educational and engaging. Successfully integrating AR with historical data, allowing users to explore landmarks and their histories through their smartphones, stands out as a significant achievement. We're also proud of our cross-platform solution that ensures a wide range of devices can access TimeFrame, making history accessible to a broader audience. The positive feedback from early users about the app's interactivity and educational value has been incredibly rewarding.

What we learned

Throughout the development of TimeFrame, we learned a great deal about AR development, particularly the challenges of overlaying digital information on the physical world in a way that feels intuitive and real. We gained insights into optimizing content for mobile devices, ensuring that our app delivers a high-quality experience regardless of the user's device. Working on the backend, we learned about the importance of scalable architecture to support a growing user base and content library. Additionally, this project deepened our understanding of user experience design, especially in creating an engaging and informative platform that encourages exploration and learning.

What's next for TimeFrame

Looking ahead, we plan to expand TimeFrame's content library, covering more historical sites and landmarks around the world. We aim to incorporate user-generated content, allowing users to contribute their own stories and historical insights. Implementing AI to personalize the learning experience, suggesting landmarks and historical events based on the user's interests and location, is another exciting direction. We also see potential in partnering with educational institutions and historical societies to enrich the content and reach a wider audience. Finally, enhancing the AR technology to include interactive elements and gamification will make TimeFrame an even more engaging platform for learning about history.

Built With

• flask
• groq
• openai
• pyhon
• react
• react-native