For this first task is to make a customize component.
I want you to create a custom "auto-suggest" type-ahead input.
By that I mean it must be a text input that when you focus on will show a dropdown of options.
Here are the requirements:
The input must accept property items (type of Array<{ id: string; value: string}>)
The input must accept selectedValue: string | null | undefined which corresponds to the currently selected value. It can be null which indicates that no value has been selected.
The input must accept onValueSelected: (id: string) => void
The input must accept onNewOption: (partialName: string) => void; // partialName -> partially typed text. So if people type "Aust " -> then click "+ Add new", it should call this function with partialName = 'Aust'
The input must accept property createLabel: string (so you can customize "+ Add new" text)
The input must always show "+ Add new" option unless there is a PERFECT match (so if you typed "Australia" and there is an item that exactly matches that text (case insensitive), then use that
The input must work in IE 11+, Firefox, Chrome, Safari
The project should use Typescript . For simple setup, please use this create-react-app: [login to view URL]
The input should show suggestions based on "similarity score". Please use this library to score different strings: [login to view URL]
The input must show no more than 5 options at a time
[login to view URL]
Hi can we discuss more on freelancer inbox to get detail understanding about project ?
i am having some technical question on this so let me know when you get time to discuss on this and clear the doubts.
I have relevant skills and experience as per your project need....i can share some demo as well in further chat
Greetings.
Thank you for your opportunity.
Here is an expert with high skill of React js and Typescript.
I have read your description carefully and I am very interesteded in your job.
I can create the best quality website that can turn your idea into real.
You will save your time and money when you hire me and will be happy with my result.
I can complete your job perfectly.
Please let us discuss more detail on live chat.
I can start work immediately.
Looking forward your reply.
Thanks.
Hello
I have expertise in React JS for more than 3 years now and have received 5 star rating with my honest and hard work and I believe I can get your job done .
>>> I have gone through the list of task list you have provided and I would like to have a discussion with you regarding the same.
You can let me know if you have any queries , I will be glad to resolve them from my end .
Will be looking forward to a reply from your end .
Regards
Sananda