Restaurant Finder App (React Native)

This is a mobile application built with React Native that allows users to:

• View restaurants on a map.
• See their current location with address.
• Restaurant markers with review and name.
• Focus on a specific restaurant and get directions using Google Maps integration.
• Filter restaurants by type (e.g., Cafe, Restaurant).
• Search resturant by name and address
• View restaurants in a scrollable bottom sheet.

---

Access	Initial View	Select Direction (Not working Google Billing issue)	Filter

Features

• Current location detection using device GPS.
• Location name show in upper using open source api
• Google Maps integration with react-native-maps.
• Route drawing from current location to selected restaurant with react-native-maps-directions.
• Marker information popups with name and rating.
• Optional filtering by restaurant type and search by name or address.
• Scrollable bottom sheet for browsing restaurants.

---

Known Issues

Directions and Place API Limitation

• The app uses the Google Maps Directions API to show routes from our current location to a selected restaurant.
• Important: Google now requires a billing account to be linked with our Google Cloud project to use the Directions API, Route API and Place API.
• If billing is not set up or if you exceed the free tier limits, directions may not work or may return errors.
• To fix this:
  1. Go to Google Cloud Console.
  2. Enable billing for your project.
  3. Make sure the Directions API and Place API (NEW) is enabled.
  4. Use a valid API key with billing enabled in your app.
• For more details, check Google Maps Platform Billing.

---

Architecture - MVC

Why Used MVC For Restaurant Finder App?

It separates concerns effectively, making the codebase organized and scalable. This structure allows easy addition of features such as restaurant filtering and maps, while maintaining clarity and testability throughout the project.

---

Setup Instructions

Version and State managment

• React Native Version `19.0.0'
• State Managmnet redux

Prerequisites

• Java Development Kit (JDK) 17
• Node.js >= 14.x
• React Native CLI
• Android Studio / VS code or Xcode
• Google Maps API Key

1. Clone the Repository

git clone https://github.com/himashagunasena/restaurant_app
cd restaurant-map-app