Mobile application developed with Ionic. The goal of this project is to offer users the opportunity to know the points of interest located in the center / station area of your city, such as generic shops and restaurants, that surround them and how to reach them. The language of the application is Italian because it was designed to be used initially in my actual city.
Link to the whole paper (Available only in italian)
- Ionic 6.16.3
- Node.js
- Capacitor 7.13.0
- Google Firebase used to store the data
- Google Cloud Platform used to make a custom map
Inside Ionic, we have installed some dependecies like angular, geolocation.
You can follow this guide that is a Ionic tutorial.
In src/environment folder, you can put your Firebase credentials in both files. Also in src/app/map/map.page.ts file, in the function showMap() you have to put your mapId.
Also in src/index.html, in Google Map Script, you have to replace the key and the mapId your your credentials.
To use my database, contact me. I will give you the credentials to use Google Firebase and Google Cloud Platform ( my mapId ).
To use locally, you have to download the project. Once downloaded, open the terminal and go to the project folder.
cd Nearbyionic serveto visualize the project on the browser orionic serve -lto visualize the project on mobile inside the browser
To run the project in Android mobile, you have to download the project. Once downloaded, open the terminal and go to the project folder.
cd Nearbyionic cap add android(inside the project, it should already be installed)ionic cap buildionic cap syncionic cap open android
Android studio is now open. Connect you android mobile, check if it is connected and press play to install the project in your android mobile.
On your android mobile, you will see those interface :
This whole project was executed on MacOs High Sierra version 10.13.6 and as code editor I used VSC ( Visual Studio Code ).
You could run the project also in iOS mobile. Due to dependency and version issues on my device, I couldn't manage this environment.
You could follow this guide.