Custom PHP Wordpress page
Budget: $30 – $250 CAD
Develop a custom PHP page with the following functionalities:
a. Text input box: Include a text input box with a placeholder to guide users on what to enter.
b. API call: Upon user input, make an API call using the entered text.
c. Progress bar: Show a progress bar while waiting for the API response, without refreshing the page.
d. Response display:
i. Input box response: Display a portion of the response in a format similar to the input box, with a placeholder.
ii. Below display: Show the complete response as a JSON response in a designated box with a placeholder.
e. JSON beautification: Implement the ability to beautify the JSON response for better readability.
f. Attractive background: Set an appealing background for the page to enhance the visual experience.
User Interface (UI) Enhancements:
a. Utilize the provided simple UI sketch, drawn on paper(I will provide it), as a reference for the design and layout of the PHP page.
b. Implement the UI design from the sketch, ensuring that the various elements are correctly positioned and styled.
c. Enhance usability by incorporating placeholders in the text input box, the input box response, and the JSON response box. Placeholders should provide instructions or examples to guide users.
d. Pay attention to visual aesthetics, using appropriate colours, fonts, and layout techniques to create an attractive interface.
e. Ensure that the page does not refresh after submitting the request. Instead, display a progress bar while waiting for the API response, and once the response is received, update the relevant response boxes and return to the same page.
a. Text input box: Include a text input box with a placeholder to guide users on what to enter.
b. API call: Upon user input, make an API call using the entered text.
c. Progress bar: Show a progress bar while waiting for the API response, without refreshing the page.
d. Response display:
i. Input box response: Display a portion of the response in a format similar to the input box, with a placeholder.
ii. Below display: Show the complete response as a JSON response in a designated box with a placeholder.
e. JSON beautification: Implement the ability to beautify the JSON response for better readability.
f. Attractive background: Set an appealing background for the page to enhance the visual experience.
User Interface (UI) Enhancements:
a. Utilize the provided simple UI sketch, drawn on paper(I will provide it), as a reference for the design and layout of the PHP page.
b. Implement the UI design from the sketch, ensuring that the various elements are correctly positioned and styled.
c. Enhance usability by incorporating placeholders in the text input box, the input box response, and the JSON response box. Placeholders should provide instructions or examples to guide users.
d. Pay attention to visual aesthetics, using appropriate colours, fonts, and layout techniques to create an attractive interface.
e. Ensure that the page does not refresh after submitting the request. Instead, display a progress bar while waiting for the API response, and once the response is received, update the relevant response boxes and return to the same page.