StayFinder

1st Jun 2020 - 28th Jun 2020

4 WEEKS

About This Project

StayFinder began on the web, so for the mobile version I deliberately refactored the data fetching to the Django REST Framework — the best way to compare it with GraphQL was to build the same thing with both. React Native renders both Android and iOS, Django runs the backend, and room locations are drawn with the Google Maps API. To save time I chose Redux Toolkit for state management, and it earned its keep.

Technical Sheet

    React-Native

    Redux

    TypeScript

    Styled-Components

    Sentry

    Django

    GoogleMapAPI

    Heroku

Data From Map

As you scroll and zoom, the onRegionChangeComplete method hands over the map's current latitude and longitude — so the map itself becomes the search input. Move the view, and the app knows exactly where you've landed.

Location From Data

It works the other way, too: I wired a horizontal scroll view to the markers, so swiping through room cards animates the map and centers it on each room's coordinates.

#EDEDED

#35B8B3

Long Term Gains

My goal here was simple: finally understand Redux. Two years earlier, on my very first project, Redux defeated me — it was just too much for a beginner. This time, with Redux Toolkit, both the server and the mobile app were done in four weeks. Few things feel better than coming back to the tool that once beat you. Next on my list: MobX, and going deeper with the Google Maps API.