Final Checks Question

About Projects

  • Tell me about Eco-Sync?

  • Tell me about Sust-autorickshaw Management?

  • How did you ensure secure communication between your frontend and backend?

    • What is CORS?

    • Why use Axios in Frontend Communication ?

How did you integrate Google Maps API for real-time route checking?

How the Real-Time Route Checking Feature Works

  • User a NPM Package: @react-google-maps/api with Google Map API KEY

  • Used Chakra UI for basic Input Box

The real-time route checking feature in your application leverages the Google Maps API to calculate and display the optimal route between two points (an origin and a destination). Here's a breakdown of how it works:

Example Workflow

  1. User selects an STS Ward No and a Destination Landfill No from the dropdown menus.

  2. The application checks if the inputs are GPS coordinates or readable addresses.

  3. If coordinates are provided, they are converted to addresses using the Google Maps Geocoding service.

  4. The Google Maps Directions Service calculates the optimal route between the two locations.

  5. The route is rendered on the map, and the distance and duration are displayed.

  6. Users can clear the route or recenter the map as needed.

Open Source Section :

  • Tell me about the projects you contributed in HackoberFest?

  • What is the most challenging contribution you have done ?

  • How did you choose the projects to contribute ?

  • Tell me about GitHub Tutorial?

  • Tell me about GitHub Action Follower Bot?

  • How you fix merge conflict errors? when and how?

  • Difference Between Git Merge and Rebase?

Last updated