Hospital Locator AI47Labs (An Assignment)

Note 1: Before using the app, make sure you keep your Device's location turned on.

Note 2: In the project file please generate all the api credentials given below in requirements.

Overview

The Hospital Locator App helps users find nearby hospitals using their current location. It leverages Google Sign-In for user authentication and fetches nearby hospitals using the Google Places API. The app displays a list of hospitals and shows their locations on a map. Users can sign in with their Google account, and the app fetches and displays nearby hospitals on a map based on their geolocation.

Features

• Google Sign-In for authentication.
• Fetches user's current location using Geolocation API.
• Displays nearby hospitals using Google Places API.
• Shows hospitals on an interactive map.
• Save user data and hospital information in AsyncStorage.
• Simple, intuitive UI with a smooth navigation flow.

Technologies Used

• React Native - for building the mobile app.
• Google Sign-In - for user authentication.
• Geolocation API - to get the user's current location.
• Google Places API - to fetch nearby hospitals.
• React Navigation - for navigation between different screens.
• AsyncStorage - to store user data and fetched hospitals locally.
• Axios - to make HTTP requests for fetching data from the Google Places API.

Setup

Prerequisites

Before you can run the app locally, make sure you have the following installed on your machine:

• Node.js (https://nodejs.org/)
• npm (comes with Node.js)
• React Native CLI (for running the app on an emulator or device)

Steps to Run the App Locally

1. Clone the repository:

   git clone https://github.com/your-username/hospital-locator-app.git

Congratulations on completing your app! Here's a sample README.md file content that you can use for your GitHub repository. You can modify or expand it based on any additional details you'd like to include.

markdown Copy code

Hospital Locator App

Overview

The Hospital Locator App helps users find nearby hospitals using their current location. It leverages Google Sign-In for user authentication and fetches nearby hospitals using the Google Places API. The app displays a list of hospitals and shows their locations on a map. Users can sign in with their Google account, and the app fetches and displays nearby hospitals on a map based on their geolocation.

Features

• Google Sign-In for authentication.
• Fetches user's current location using Geolocation API.
• Displays nearby hospitals using Google Places API.
• Shows hospitals on an interactive map.
• Save user data and hospital information in AsyncStorage.
• Simple, intuitive UI with a smooth navigation flow.

Technologies Used

• React Native - for building the mobile app.
• Google Sign-In - for user authentication.
• Geolocation API - to get the user's current location.
• Google Places API - to fetch nearby hospitals.
• React Navigation - for navigation between different screens.
• AsyncStorage - to store user data and fetched hospitals locally.
• Axios - to make HTTP requests for fetching data from the Google Places API.

Setup

Prerequisites

Before you can run the app locally, make sure you have the following installed on your machine:

• Node.js (https://nodejs.org/)
• npm (comes with Node.js)
• React Native CLI (for running the app on an emulator or device)

Steps to Run the App Locally

1. Clone the repository:

   git clone https://github.com/your-username/hospital-locator-app.git

2. Navigate to the project directory: cd hospital-locator-app

3. Install dependencies: npm install Or if you are using yarn: yarn install

4. Set up your Google API keys:

Create a project in the Google Cloud Console. Enable the Google Places API and Geolocation API. Get your Google API key and replace the placeholder in the code.

5. Run the app: (for android) npx react-native run-android

Screenshot for demo:

Screenrecording for demo:

ailab.mp4