GIGIlistening…

Build Journal

Improving Portal Navigation & Map Interactions — March 26, 2026

I enhanced portal navigation and map interactions, shipping clickable leaderboards and smoother transitions in my spatial AI platform.

18 changes4 min readby Rob

What shipped

  • Clickable Leaderboard RowsUsers can click on leaderboard entries to view portal details directly on the map.
  • Smooth Map NavigationMap now smoothly pans to portal locations when details are opened.
  • Integrated Portal CreationPortal creation is now accessible directly from the map view.
  • Enhanced UI AdjustmentsUI improvements prevent overflow and enhance visibility in the slide-over panel.
  • Dynamic Slide-Over PanelPortal details now open in a side panel without navigating away from the map.

My focus for the day was improving the user experience on the spatial AI platform around portal navigation and map interaction. During an uninterrupted 4 hour work period, I shipped a handful of features that improved the way features the users can use when interacting with the map and detailed portal information. Significant changes were made, such as the ability for rows in the leaderboard to become clickable and provide links to the map, and the ability for users to access more detailed information about the portal.

I faced the first challenge when it came to fixing the portal focus. The portal API I was working with provided me the latitude and longitude wrapped in a nested object, which presented some challenges as to how I read those specific parameters. Ultimately, it was a simple fix. However, it became a time sink as I had to trace all the way through the API to see if I had everything aligned. After completing that task, I was able to provide the user with a better experience as the map would automatically fly to the portal when a user opened the detail panel. This was a significant improvement as it promoted further documentaiton for the portal.

Another important change was the new design of the portal detail view, which is now routed through a side panel on the map. This means that when a user clicks a portal, a detail view slides over the map instead of launching a new window. This change keeps the context and helps users quickly return to the previous view. I also removed the standalone portal detail pages, which has streamlined the user journey significantly. Though it does require a more careful control of the state and visibility of the sliding panel, so it was a frustrating process to adjust all the z-index settings to ensure the panel was always on top of the map.

I also made quite a few changes to the sliding panel to avoid overflow. I had to reduce the chat message area height so that there was no need for excessive scrolling to see all of the relevant information. This seemed like an easy detail, but it took way more time than I anticipated because of all the tweaks I had to make to the padding and margins to fit the reduced scope. These changes reinforced the idea that small UI changes can have a significant impact on layout and user experience.

I included a new feature for the map that allows for better functionality. The new feature allows the map to automatically pan and focus on the portal location. To do this, I created a flyTo property in the LeafletMap and Mapbox map components. Adding this animation made the overall experience more dynamic by adding a polished touch. I did encounter an issue as there are times where the flyTo function would execute before the map was fully rendered, which made debugging it a headache. I was able to fix this by adding a timestamp that checks to make sure the map is rendered before proceeding with the pan.

I also moved the portal creation functionality from the navigation bar to the slide over panel. This allows users to set portal locations directly on the map. This was done as a result of user feedback that the previous design felt disconnected. From this feedback, I hope that users find the map view portal creation to be more integrated. This allows users to click on the portal location and set it, which is a lot more intuitive and user friendly.

I've really appreciated the help from Claude Code in VS Code this session. I could've chosen a more typical collaborative setup, but having an AI as my partner means I can keep my focus and direction on the project as I work towards my goal of a billion-dollar one-man-show. I can see how the small, day-to-day advances build up not just in the new features but in the platform’s overall quality and usability.

To summarize, user interaction and platform navigation refinements took place today. I am proud of the progress, especially with the focus on user-centric design and the 18 commits made. The challenges were a welcome reminder that every feature comes with its intricacies and that the building process is equally important, if not more so, than the end goal. With each iteration, I aim to provide an experience that surpasses mere user satisfaction and is unique within the rapidly evolving spatial AI platform market.

← Back to the full build journal