TripMap

Apr 21, 2021

JavaScript
React Native
AWS
Serverless
Hackathon
Nowadays, people tend to travel by themselves rather than through travel agencies, as most information can be found online. Many videos appear when you search for a location on YouTube. However, most tourism vlogs only talk about the attractions but not the actual environment. Therefore, we developed a social media platform for users to exchange and share the details of their trips.A picture is required for users to share their trip experiences. The picture would be uploaded based on their current location as a "marker," which other users can see when they scroll to the corresponding place. An algorithm combines surroundings within 0.5km into the same spot to prevent overcrowding. "Markers" are shown on the map in their corresponding locations. For places with many "markers," only a few pictures with the highest likes are shown on the map to avoid affecting user experience, and users can click to see more if they are interested in the place. Also, since it is difficult for us to gather sufficient pictures at the early stage due to the low exposure of the application, we have made use of the Google Maps Street View API for spots without any markers, allowing users to still explore these places. Users can add different attraction points to their trip package for travel planning, and a suggested route will be generated based on the selected spots.Besides, the application has a random location button for users who want to explore the world. The system generates a random location that lets users learn more about different places. Furthermore, one of the key features in a social media application is allowing users to share their daily lives with their friends, and users can share their experiences privately via the chatroom.On the technical side, we utilize DynamoDB, one of the NoSQL database providers, to store users' data since pictures are unstructured data. NoSQL databases are able to store huge amounts of data, which is essential for a social media app. Additionally, serverless architecture is applied.This project uses React Native to build the application and implements serverless architecture in AWS cloud. People tend to travel independently rather than through travel agencies as most information can be found online. Therefore, we developed a social media platform for users to exchange and share the details of their trips.

Demonstration

© 2025 jerrykhh