Inspiration
Imagine being able to travel back in time to visualize a historical moment or place you’re learning about. History often feels distant and abstract, but what if you could see the past vividly and interact with it? GeoTime was created to bring history to life, making learning more engaging and immersive.
What it does
GeoTime allows users to pick any location on a map and a specific year to receive an AI-generated image depicting that time and place, along with a concise history lesson. This bridges the gap between visual learning and historical context, sparking curiosity and deeper interest.
How we built it
We built GeoTime using HTML, CSS, and JavaScript for the frontend, providing a user-friendly interface. NodeJS powers the backend, managing data flow and user requests. We utilized the OpenAI API to generate historical images and content, as well as integrated the Geocode API to handle location-based data, ensuring a seamless map interaction.
Challenges we ran into
Integrating the OpenAI API with location-specific prompts and ensuring time-accurate image generation was harder than expected. We also faced challenges with deploying the project on a server while handling data intricacies from the APIs. Ensuring historical accuracy and maintaining a smooth user experience required careful tuning and iterative development.
What we learned
We learned how to work with APIs to create a cohesive user experience and configure server-side code.
What's next
-Integrating user interactivity like timelines; -Adding an option for the user to upload an image and use computer vision to determine the location where the picture was taken; -Expanding support for more languages and educational features; -Improving AI accuracy.
Built With
- css
- geocode
- html5
- javascript
- openai
Log in or sign up for Devpost to join the conversation.