About this Project

This project is an extension of web version, but the code was refactored to use the REST Framework API for data fetching. I used React Native to render both Android and iOS components, Django for the backend, and the Django REST Framework (DRF). The reason for using DRF was to compare its performance and features with GraphQL. Room locations are displayed using the Google Maps API. To save time, I chose Redux Toolkit for state management, and it worked effectively.

Data From Map

You can capture the current latitude and longitude using the onRegionChangeComplete method, which updates the map position as the user scrolls and zooms. This is how I used the Google Maps API to get the real-time location by moving around the map view.

Location From Data

I built a scroll view that, when scrolled horizontally, animates the marker it is associated with. Once an item is scrolled to, the map will automatically animate and center the map at the marker's coordinates.

Long Term Gains

What I aimed to achieve with this project was a solid understanding of Redux, and I'm happy to say that I finally learned how Redux works. Thanks to Redux Toolkit, it took only four weeks to complete both the server and the mobile application. When I first tried using Redux two years ago on my first project, I couldn't finish it because Redux was too complicated for a beginner. But now, I've successfully implemented it. My next goal in state management is to practice with MobX and Google Maps API.