React Native Project

A mobile application built with React Native. This project is designed to work on both Android and iOS platforms.

Features

• Choose Pick and Drop location via GooglePlacesAutoComplete component
• Form a route betwen Pick and Drop location using Directions API
• Choose to be a rider or a tag along

Data sets used for Dashboard

1. Annual Regional Train Station Entries 2023-24
2. Annual Metropolitan Train Station Entries 2023-24
3. Train Service Passenger Counts 2023-2024 4.Victorian Integrated Survey of Travel and Activity (VISTA)-1
4. Victorian Integrated Survey of Travel and Activity (VISTA)-2
5. Road Crash-1
6. Road Crash-2

Table of Contents

• Installation
• Running the App
• Xcode Setup
• Android Studio Setup
• Troubleshooting
• Dependencies
• Prerequisites
• Demo
• Screenshots

Installation

Clone the repository and install dependencies:

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name
npm install

Running the App

Clone the repository and install dependencies:

npx react-native start

To run on iOS

npx react-native run-ios

To run on android

npx react-native run-android

Xcode Setup

1. Install Xcode from the Mac App Store.
2. Install Xcode Command Line Tools by running:

xcode-select --install

3. Open the project in Xcode by double-clicking the ios/YourProjectName.xcworkspace file.

Android Studio Setup

1. Download and install Android Studio.
2. Install the Android SDK and necessary tools through the SDK Manager in Android Studio.
3. Set up an Android Virtual Device (AVD) for testing.
4. If using an actual phone, ensure developer mode is turned on.

Troubleshooting

1. If you encounter node_modules related issues, try deleting the folder and running npm install again.
2. For iOS build issues, try cleaning the build folder in Xcode and rebuilding.
3. For Android build issues, try cleaning the project in Android Studio and rebuilding.

Dependencies

• react-native: ^0.70.0
• react: 18.2.0

Prerequisites

Ensure you have the following installed:

• Node.js (which includes npm)
• React Native CLI
• Cocoapods
• Ruby

To install React Native CLI globally, run:

npm install -g react-native-cli

Demo

• Get on Track
• Presentation slides
• Presentation video
• Power BI Dashboard

Screenshots

Fig.1 - Login Page of the application

Fig.2 - Landing Page of the application

Fig.3 - Search page

Fig.4 - Places API result based on search

Fig.5 -Choosing Pick Location and Map

Fig.6 - Route between Pick and Destination Location

Fig.7 - Choose to be Rider or tag along

Fig.8 - Page to complete as Tag along

Fig.9 - Page to complete as Tag Along - Continued

Fig.10 - Options to choose as a Tag Along

Fig.11 - Page to complete as a rider

Fig.12 - Page to complete as a rider - Completion

Fig.13 - Bookings page

Fig.14 - My profile page

Fig.15 - My profile page - Scrolled Down

Fig.16 - Power BI Home page

Fig.17 - Power BI - Page 1

Fig.18 - Power BI Page 2

Fig.18 - Power BI Page 3