WordPress ShortCode to existing WP Plugin

IMPORTANT Solo freelancer developers only - we want to establish an ongoing relationship for future projects with a developer. We're not interested in working with teams where the team changes.. We have an existing WordPress plugin that enables companies that build homes to make a WordPress site that their new home owner clients can login to and it connects to our backend software (ClickHome). [login to view URL] We want to add a new short code that shows relative progress of the clients home through the various phases and stages of planning and construction. Roughly like this... [login to view URL] We have an existing API which is used by the tasks and progress short codes. This API returns task data which has phases, stages and the task details. The two phases we are interested in are PRESITE and CONSTRUCT1 Presite phase data is shown on the left, Construct1 is shown on the right. Data for each phase is counted for both total tasks and completed tasks to determine a percentage completed for each phase. % = completed tasks count / total task count Data within each phase is grouped by stages. Again, total tasks and completed tasks for each stage (within each phase) are counted to determine percentage of stage completed. % = completed tasks count / total task count Within each stage, the task names are listed and show if it is completed or not. Refer to the linked image above for an example. Required Skills: - PHP: To set up the Wordpress shortcode. - jQuery: To perform AJAX request & draw DOM elements. - [login to view URL]: For mapping & grouping of API response. - [login to view URL]: To draw circular progress bars to DOM. - CSS: Cleanly styled with predictable class names. Bidder needs to be able to allocate time for job discussions and question/answer sessions during Australian Western Standard Time business hours (GMT+8) 9am to 5pm. Strong english written communication is required. My preference is for independent contractor, not team of developers. Technical Details... Shortcode Spec: [[login to view URL]] Use the API /[login to view URL] get an array of Tasks from our API, then map the results into groups of Phase -> Stage -> Task, tracking the percentage complete of each. IE: { phaseName: string = 'PreSite', percentageComplete: number = 50, // Calculated - Percentage of Stages within Phase where Status == Completed stages: { stageName: string = 'Site Works', completed: number = 5, // Calculated - Number of Tasks where Status == Completed percentageComplete: number = 50, // Calculated - Percentage of Tasks within Stage where Status == Completed tasks: Task[] }[] }[] The UI should create 2 columns, 'PreSite' & 'Construct1', each showing a large circular progress bar with % complete inside. - Underneath each Phase, it should list each Stage along with its percent complete as a smaller circular progress bar. - Underneath each Stage, it should list each Task along with the Task Date & Status. Attached designs are only for reference, but final design should be clean, tidy, & on-par with the plugins existing shortcodes look & feel. The source code on the WordPress plugin on [login to view URL] is not the current version. We will provide a ZIP of the current source code to the successful bidder. Milestones will be paid as follows: 30% on successful video or interactive demonstration 30% on delivery of code for review (it will be committed to our repository and reviewed to ensure it is consistent with existing code and does not break existing standards) 40% on fixing any issues and final delivery of code. View my employer profile - I communicate well and I'm fair and reasonable with payments - I just want an easy, smooth job.. and I want someone we can work with again and again.