{"id":18397104,"url":"https://github.com/krislette/navijeff","last_synced_at":"2025-04-07T04:32:56.463Z","repository":{"id":242478745,"uuid":"809642246","full_name":"krislette/navijeff","owner":"krislette","description":"A desktop application utilizing A* algorithm for showing the most efficient jeepney routes within Northern Metro Manila, made with JavaFX.","archived":false,"fork":false,"pushed_at":"2024-07-08T13:31:34.000Z","size":16971,"stargazers_count":1,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T13:23:36.677Z","etag":null,"topics":["astar","javafx","maps-api","routing"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/krislette.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-03T07:05:57.000Z","updated_at":"2024-08-05T12:44:40.000Z","dependencies_parsed_at":"2024-06-28T04:43:13.528Z","dependency_job_id":"a1122f4c-b8f9-4b62-8a76-c737507d7b1c","html_url":"https://github.com/krislette/navijeff","commit_stats":null,"previous_names":["krislette/jeepney-navigation","krislette/navijeff"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krislette%2Fnavijeff","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krislette%2Fnavijeff/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krislette%2Fnavijeff/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krislette%2Fnavijeff/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/krislette","download_url":"https://codeload.github.com/krislette/navijeff/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247595180,"owners_count":20963939,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["astar","javafx","maps-api","routing"],"created_at":"2024-11-06T02:15:49.974Z","updated_at":"2025-04-07T04:32:51.444Z","avatar_url":"https://github.com/krislette.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca id=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/krislette/jeepney-navigation\"\u003e\n    \u003cimg src=\"src/images/icon.jpeg\" alt=\"Logo\" width=\"80\" height=\"80\"\u003e\n  \u003c/a\u003e\n\n  \u003ch1 align=\"center\"\u003eNaviJeff\u003c/h1\u003e\n  \u003cp align=\"center\"\u003e\n    Your Commuting Buddy\n    \u003cbr /\u003e\n    \u003ca href=\"https://drive.google.com/file/d/1_mS9XFtDYCbNf0mvgVbapzYGzSBVAQ6M/view?usp=sharing\"\u003e\u003cstrong\u003eExplore the paper »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"#demo\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/krislette/jeepney-navigation/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/krislette/jeepney-navigation/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg id=\"demo\" src=\"https://github.com/krislette/jeepney-navigation/assets/143507354/5df67d7a-e259-41dd-9430-09e3ca9a199a\" alt=\"Demo\" width=\"800\"\u003e\n\u003c/div\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n## About The Project\n\n\u003e NaviJeff is aimed at commuters residing within and outside Northern Metro Manila.\n\u003e It seeks to improve the current jeepney routing system for Northern Metro Manila, \n\u003e especially focusing on optimizing travel costs and even travel time when hopping \n\u003e from city to city.\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n### Table Of Contents\n\u003col\u003e\n  \u003cli\u003e\n    \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003ca href=\"#table-of-contents\"\u003eTable Of Contents\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#technologies-used\"\u003eTechnologies Used\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"#application-snapshots\"\u003eApplication Snapshots\u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"#folder-structure\"\u003eFolder Structure\u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#cloning-the-repository-using-cmd\"\u003eCloning the Repository\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#configure-api-key\"\u003eConfiguring API Key\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#javafx-integration\"\u003eJavaFX Integration\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#json-jar-integration\"\u003eJSON Jar Integration\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#scene-builder-integration-optional\"\u003eScene Builder Integration (Optional)\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"#run\"\u003eRun\u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"#contributors\"\u003eContributors\u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\n  \u003c/li\u003e\n\u003c/ol\u003e \n\n### Features\n- Landing page with user input\n- Routing page with user input and routing display\n- Map page for showing fourteen jeepney stations\n- Pretty and user-friendly UI and UX\n- Map auto pan and map zoom in/out\n- Sattelite view\n- Dark mode\n- Functional routing system using A* algorithm\n\n### Technologies Used\nNaviJeff uses a number of technologies to work properly:\n- [NetBeans IDE](https://netbeans.apache.org/front/main/index.html)\n- [JSON Jar](https://jar-download.com/artifacts/org.json/json/20210307/source-code)\n- [Scene Builder](https://gluonhq.com/products/scene-builder/)\n- [Java FX](https://openjfx.io/)\n- [Maps Javascript API](https://developers.google.com/maps)\n\n\u003c!-- APPLICATION SNAPSHOTS --\u003e\n## Application Snapshots\n\n### Landing Page\n![Landing Page](https://github.com/krislette/jeepney-navigation/assets/143507354/b8b6898c-2fc9-42f2-9d4b-457a0d87c95f)\n\n### Routing Page\n![Routing Page](https://github.com/krislette/jeepney-navigation/assets/143507354/5b4801a1-dc70-4858-a9bd-8711dc9ac2aa)\n\n### Maps Page\n![Maps Page](https://github.com/krislette/jeepney-navigation/assets/143507354/afb17d59-981a-4ab6-9796-f05a99cd3afd)\n\n### Satellite View\n![Satellite View](https://github.com/krislette/jeepney-navigation/assets/143507354/2efad7e4-c888-44aa-9769-e7ef28212c13)\n\n### Dark Mode\n![Dark Mode](https://github.com/krislette/jeepney-navigation/assets/143507354/5987158b-e745-49f1-858a-0e02cf8a9db6)\n\n\u003c!-- FOLDER STRUCTURE --\u003e\n## Folder Structure\n\n    src\n    ├── algorithm                     # Folder containing A* algorithm\n    │ ├──── AStar.java                # A* algorithm code\n    │ ├──── Edge.java                 # Edge configuration\n    │ └──── Node.java                 # Node configuration\n    ├── backend                       # Folder for API-related operations\n    │ ├──── config.js                 # API\n    │ ├──── geopositions.json         # Data for nodes and edges\n    │ ├──── map.html                  # Show map\n    │ └──── script.js                 # Map-related operations\n    ├── frontend                      # Folder for UI and UX\n    │ ├──── Controller.java           # Program logic\n    │ ├──── GetRoute.fxml             # Routing page UI\n    │ ├──── LandingPage.fxml          # Home page UI\n    │ ├──── Main.java                 # Program entry point\n    │ ├──── MapPage.fxml              # Map page UI\n    │ └──── style.css                 # For additional styling\n    ├── images                        # All styling images used in the app\n    └── places                        # All place images used in the app\n    README.md\n\n\u003c!-- INSTALLATION --\u003e\n## Installation\n\n### Prerequisites\n- Ensure you have **Git** installed on your local machine. If not, download and install.\n- Ensure you have **NetBeans IDE** on your local machine. If not, download and install.\n\n### Cloning the repository using cmd\nCloning using `cmd` is not recommended, as NetBeans IDE has a built-in GUI for cloning.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eShow Instructions\u003c/b\u003e\u003c/summary\u003e\n  \n1. Fork this repository.\n\n2. Open your terminal by typing `cmd` on your search bar.\n\n3. Navigate to the directory where you want to clone the repository using the `cd` command:\n   \n    ```bash\n    cd path/to/desired/directory\n    ```\n\n4. Clone the repository:\n   \n    ```bash\n    git clone https://github.com/YOUR_USERNAME/YOUR_REPOSITORY_NAME.git\n    ```\n\n\u003c/details\u003e\n\n### Cloning the repository using NetBeans\nThis is the recommended way of cloning this repository.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eShow Instructions\u003c/b\u003e\u003c/summary\u003e\n\n1. Fork this repository.\n\n3. Open NetBeans IDE.\n\n4. Go to `Team` \u003e `Remote` \u003e `Clone`.\n\n5. On the `Repository URL`, enter the url of your forked repository.\n   \n    ```bash\n    https://github.com/YOUR_USERNAME/YOUR_REPOSITORY_NAME.git\n    ```\n\n4. Click `Next \u003e` and tick the checkbox `main` that will apear.\n\n5. Click `Finish`.\n\n\u003c/details\u003e\n\n### Open the Project\nOpening the project on your local machine depends on how you forked this repository.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eShow Instructions\u003c/b\u003e\u003c/summary\u003e\n\n- If you used the `cmd` to clone your forked repository, open NetBeans and click `Open Project`. From there, find the directory of your forked repository and open it.\n\n- If you used `NetBeans` to clone your forked repository, simply click `Open Project` on the dialog that will appear after cloning.\n\n\u003e After opening the project, you should see all the files listed on \n\u003e the [Folder Structure](#Folder-Structure), but without the `config.js` file.\n\n\u003c/details\u003e\n\n### Configure API Key\nAn **API key** is the most important part of this application, so make sure that you have it, from Google. To know more about getting your own API key, you can check this [video](https://youtu.be/hsNlz7-abd0?si=G-JMXV_MzokUXIEL). You can also contact the [developers](#contributors) to borrow the API key that they have used. After getting your own API key, you can proceed with the instructions.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eShow Instructions\u003c/b\u003e\u003c/summary\u003e\n\n1. Create a `config.js` file under the backend folder.\n\n2. Type the code below on the `config.js` file you just created. Make sure to replace `YOUR_API_KEY_HERE` with your actual **API key**.\n   \n    ```javascript\n    const GOOGLE_MAPS_API_KEY = \"YOUR_API_KEY_HERE\";\n    ```\n\n\u003c/details\u003e\n\n### JavaFX Integration\nTo run the application, you should have **JavaFX** installed within your system. To know more about JavaFX installation, check this [video](https://www.youtube.com/watch?v=Iun8wEtn4Zs\u0026t=1s).\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eShow Instructions\u003c/b\u003e\u003c/summary\u003e\n\n1. Once you have JavaFX installed and configured on your NetBeans IDE, go to the project, right-click and click `Properties`.\n\n2. A dialog box will appear, click `Libraries` and then click the `+` button on the right of `Classpath`.\n\n3. Click `Add Library`, a dialog box will appear again, and navigate through your available libraries. From there, find the **JavaFX library** you created by following this [video](https://www.youtube.com/watch?v=Iun8wEtn4Zs\u0026t=1s).\n\n4. After finding the **JavaFX library** you have installed, click `Add Library`. You should now see the JavaFX library under your `Classpath`.\n\n5. Before clicking `OK`, click the `Java Platform` dropdown on top, and select the **JDK FX** that you have installed by following the [video](https://www.youtube.com/watch?v=Iun8wEtn4Zs\u0026t=1s). After selecting the correct platform, you can now click `OK` to finalize and save the changes.\n\n\u003c/details\u003e\n\n### JSON Jar Integration\nJSON Jar is an essential component of this application. It is crucial for Java to accurately read our `geopositions.json` file.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eShow Instructions\u003c/b\u003e\u003c/summary\u003e\n\n1. Go to your project, right-click and click `Properties`.\n\n2. A dialog box will appear, click `Libraries` and then click the `+` button on the right of `Classpath`.\n\n3. Open the project from the directory dialog that will appear, and find the `json-20210307.jar` file that is included when you forked this repository.\n\n4. Click the jar file and click `Open`. You should now see the `json-20210307.jar` file under your `Classpath`, and then click `OK`.\n\n\u003c/details\u003e\n\n### Scene Builder Integration (Optional)\nIf you want to modify the .fxml files (UI), you should have a [Scene Builder](https://gluonhq.com/products/scene-builder/) installed.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eShow Instructions\u003c/b\u003e\u003c/summary\u003e\n\n1. To add **Scene Builder** to your IDE, click `Tools` on the menu bar of your NetBeans IDE. \n\n2. Click `Options`, a dialog box will appear. From there click `Java`. \n\n3. Under the `Scene Builder Home` dropdown menu click `Browse` and navigate to your Scene Builder installed folder.\n\n4. Click `OK` and tick the checkbox below the dropdown menu. \n\n5. Click `Apply` on the bottom of the dialog box, and then click `OK` to close the dialog box.\n\n\u003c/details\u003e\n\n\u003c!-- RUN --\u003e\n## Run\nTo run the program, right-click the project name on your NetBeans IDE and click `Clean and Build`. Afterwards, just right-click the project name again and then click `Run`. \n\n\u003c!-- LICENSE --\u003e\n## Contributors\n**We would like to thank the following contributors for their support and contributions to this project:**\n\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n  \u003cdiv style=\"margin-right: 20px;\"\u003e\n    \u003ca href=\"https://github.com/krislette\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/143507354?v=4\" title=\"acelle\" width=\"50\" height=\"50\"\u003e\u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cstrong\u003eAcelle\u003c/strong\u003e\n    \u003cp\u003eCreated the routing paths, JSON data, map page backend, drawing markers, fetching the API key, creating README, and finishing touches.\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n  \u003cdiv style=\"margin-right: 20px;\"\u003e\n    \u003ca href=\"https://github.com/perse-v\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/70996290?v=4\" title=\"david\" width=\"50\" height=\"50\"\u003e\u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cstrong\u003eDavid\u003c/strong\u003e\n    \u003cp\u003eCreated the algorithm, javascript-java interaction, routing page backend, fixing program logic, and finalizing the map.\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n  \u003cdiv style=\"margin-right: 20px;\"\u003e\n    \u003ca href=\"https://github.com/JLS0110\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/117716525?v=4\" title=\"jl\" width=\"50\" height=\"50\"\u003e\u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cstrong\u003eJohn Lloyd\u003c/strong\u003e\n    \u003cp\u003eCreated the wireframes, landing page UI, and collating frontend resources from other frontend developers.\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n  \u003cdiv style=\"margin-right: 20px;\"\u003e\n    \u003ca href=\"https://github.com/sophiarya\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/114216486?v=4\" title=\"sophia\" width=\"50\" height=\"50\"\u003e\u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cstrong\u003eSophia\u003c/strong\u003e\n    \u003cp\u003eCreated the initial wireframes that were adapted to the application, router page UI, and map page UI.\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv style=\"display: flex; align-items: center;\"\u003e\n  \u003cdiv style=\"margin-right: 20px;\"\u003e\n    \u003ca href=\"https://github.com/pj-drama\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/155222986?v=4\" title=\"rijan\" width=\"50\" height=\"50\"\u003e\u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003cstrong\u003eRijan\u003c/strong\u003e\n    \u003cp\u003eCreated the landing page UI, logos and design components, and added ideas for the application flow.\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n## License\nDistributed under the [MIT](https://choosealicense.com/licenses/mit/) License. See [LICENSE](LICENSE) for more information.\n\n\u003cp align=\"right\"\u003e[\u003ca href=\"#readme-top\"\u003eBack to top\u003c/a\u003e]\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrislette%2Fnavijeff","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrislette%2Fnavijeff","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrislette%2Fnavijeff/lists"}