✨ Inspiration
In life, a person gradually builds up memories of things that they have experienced. Some memories are permanent, some become unclear, and some fade away. Momento restores a moment in time and allows users to relive their old memories in a high-quality 360° environment.
This is a feel-good app that lets anyone revisit favourite landmarks, notable moments, and memorable events.
🧐 What it does
Momento is a web app that helps people revisit special moments in their lives. Users can upload panoramic images to the app, which will then display its location on an interactive map. Descriptive captions are automatically generated for each photo upon uploading. The user can then select the memories that they wish to peruse and enjoy the memories.
🔧 How we built it
Frontend: In the prototype phase, we used Figma to wireframe the entirety of the front-end. This prototype was brought to life in the form of a web app through React Js, which was paired with HTML, and CSS. We used Mapbox’s API and React 360, the former being for the location display of each memory, while the latter performing the “memory recreation”.
Backend: we used Google Firebase to store data about memories, including full 360 panoramic photos and location coordinates. We used Microsoft Azure’s Computer Vision API to generate descriptions of images. The database stores information for each user, allowing access to both their private images, as well as the default images provided with the program.
🎢 Challenges we ran into
CORS errors: This was a pretty significant hiccup in our project. We had trouble accessing some specific information, which hampered our progress and slowed the project down. However, in the end, we found ways around it!
😎 Accomplishments that we're proud of
We’re proud that we were able to put together this project over just 36 hours, stringing together technologies that not all of us have used before. We learned a lot this weekend!
🌄 What's next for Momento
Given more time to improve Momento, we believe that we can develop an app that also allows users to store 360° videos for users to visit. The user would be able to interact with the video — they would be able to manipulate their point of view, to view the video from a new perspective.
We also believe that people should have the ability to share their own memories with others. This app can be developed to have both privately stored memories and public memories that others can access.
More on our demo
For demo purposes, sign up and login both skip authentication and lead to the map view.
Mapbox-gl:
- left click/drag to pan
- right-click/drag to rotate
- shift left click/drag to select an area to zoom in on
Click on an image in the Gallery (right sidebar) to go to this location on the map.
Click on a marker to open the panoramic view.
Panorama links
Here are the links to the sample panoramic images we used in our project:
- https://upload.wikimedia.org/wikipedia/commons/0/0a/Veste_Oberhaus_%28Passau%2C_full_spherical_panoramic_image%2C_equirectangular_projection%29.jpg
- https://upload.wikimedia.org/wikipedia/commons/1/18/Rheingauer_Dom%2C_Geisenheim%2C_360_Panorama_%28Equirectangular_projection%29.jpg
- https://upload.wikimedia.org/wikipedia/commons/6/6d/Efferen_360%C2%B0_Panorama.jpg
- http://blog.topazlabs.com/wp-content/uploads/2013/07/Screen-Shot-2013-12-11-at-10.42.18-AM.png
- https://upload.wikimedia.org/wikipedia/commons/7/7e/Landschaftspark-Duisburg-Nord_Hochofen_Panorama.jpg
- https://cdn.eso.org/images/large/ESO_Paranal_360_Marcio_Cabral_Chile_07-CC.jpg
- https://images.pexels.com/photos/5048124/pexels-photo-5048124.jpeg?auto=compress&cs=tinysrgb&dpr=28
- http://blog.sina.com.cn/s/blog_ee36b2280102v059.html

Log in or sign up for Devpost to join the conversation.