[FEAT]: Implement an Endpoint to Display Backend Info

[deolla]

Description

Add /hng-test Page to Display Version, Backend URL, and API Response

Accepted Criteria

• Create a New Page:

  • Add a new page in the frontend repository at the route /hng-test.
  • On this page, display the text "Version 0.12".

• Display Backend URL:

  • Ensure the environment variables are properly configured in the frontend project.
  • Display this backend URL on the page.

• Call the Backend API:

  • Make an API call to the backend endpoint /probe.
  • The backend should respond with a message like "I am the express api responding".
  • Display this response on the page.

Requirements

• Create a new route /hng-test in the frontend project.
• Display the static text "Version 0.12".
• Use environment variables to fetch and display the backend URL.
• Make an API call to /probe endpoint on the backend server.
• Display the response from the backend API on the page.

Response:

Success response

Version 0.12
Backend URL: <backend_url_from_env>
Backend Response: I am the express api responding

Error Response

Version 0.12
Backend URL: <backend_url_from_env>
Backend Response: { "error": "Failed to connect to backend" }

Notes:

• Ensure the environment variables are properly configured in the frontend project.
• Ensure the backend URL is read from the environment variables to support different environments (development, staging, production).
• Verify the API response from /probe and handle any errors gracefully.