Contact person: Two small web development tasks: Creating components & Creating a custom filter

Phone:Show

Email:Show

Location: Melbourne, Australia

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I require two small, standalone web apps written in clear code and verified to function locally in a browser. Two images of the required outputs have been provided.

Task 1 – Creating components (Status timeline)
-----------------------------------------------------------------------------
Description: Implement a status posting web app. In this web application, you will need to create a Vue component to insert/delete a status into/from an array of status. Status is inserted as the first element of the array, while each status will have a button that allows it to be deleted.

Submission Details
You must submit the following files:
• Status posting source code ([login to view URL]).
• Status posting component source code ([login to view URL]).
Make sure that your task has the following in your submission:
• The status posting web application is HTML5 compliant.
• Demonstrates understanding in using the VueJS framework.
• Demonstrates use of VueJS components.

Task 2 – Creating a custom filter (Roman-numeral converter)
-------------------------------------------------------------------------------------------------
Implement a Roman numeral conversion web app. In this web application, you will need to implement a filter to return the Roman numeral equivalent on integer from 1 to 99.

Submission Details
You must submit the following files to Ed:
• Roman numeral source code ([login to view URL]).
• Roman numeral filter source code ([login to view URL]).
Make sure that your task has the following in your submission:
• The Roman numeral web application is HTML5 compliant.
• Demonstrates understanding in using the VueJS framework.
• Demonstrates use of VueJS components and custom filter.


Deliverables
• Task 1: Timeline app web app that allows users to post status on a timeline, and each timeline will have its own delete button to delete the message.

• Task 2: Number-to-Roman converter web app that allows users to enter a number and display it as a Roman numeral.

I've attached the complete instructions for both tasks, including required output images. Please read the steps carefully and view the included examples. I’ll also provide the HTML and JS files to get you started. All required libraries (Vue, Bootstrap) are already included via CDN links in script tags. Please complete these tasks as soon as possible. They're fairly straightforward and likely won't take more than a couple of hours." (client-provided description)