Develop a component on Angular to create and edit tests.
Editing and Deleting: The user puts the cursor in the input field and can edit the text
View mode: the input field, the user has the ability to print the answer
The interactive element droppdown (Select)Start state: In the text there is a dropdown playsholder with one option: "Add a reply".Adding a reply: When you select the "Adding a reply" option, a new option (text input field) appears above the current chosen option.The user can immediately start entering text for this option.For each option, the checkbox allows you to mark the answer as correct.The "Add Answer" option automatically moves down, becoming the last element in the dropdown.Editing and Deleting: To edit the option, the user opens the dropdown and selects the option to edit, after which the option passes to the editing state and the user can change its text.At each option, the removal button.When removing, there must be a popp with confirmation.Exit from control mode by focus or by pressing the enter.Finish editing: After adding all the necessary options, the user can simply click out of the dropdown, and he will "cover" in such a state.If the user decides to return and edit it, he can simply click on the dropdown and continue editing.View mode: a regular dropdown with a set of options that have been added to the editing mode.Adaptivity and mobile devices: On mobile devices, make sure that the dropdown is easily opened and edited, and that all controls have a convenient size to touch by finger.Eliminate the item: you can remove it by placing the cursor outside the item and pressing the backspace key or by placing the cursor before the item and pressing Del
Design: Laconical, minimalist interface.Extensibility: The range of available interactive elements must be easily expanded so that new types of interactive elements can be added in the future without the need to complete the component repairing.Code Requirements: The code must be structured in such a way that it can be easily disconnected by another developer.The functional must be divided into logical parts (modules, components, services), each of which solves its task.The code must be written in such a way that adding a new function or changing the existing does not require major changes in the already written code.The code must meet the adopted standards and best practices of development on Angular.Support for mobile design: Yes
I add an example of the editor’s general behavior.
Applications 1
Work results
Client's review of cooperation with Oleksii Bober
Develop a component on Angular to create and edit tests.I would like to express my satisfaction for the work that was done. The component is developed at a high level, taking into account all specifications and requirements.
Thank you for the great work and I recommend you to work together.
Freelancer's review of cooperation with Rodion Rudenko
Develop a component on Angular to create and edit tests.It’s nice to work with Rodin. With a technical background, the tasks are placed clearly and clearly. Attention only on the matter. Always on the link.
-
8157 61 0 Welcome to! I have great experience working with Angular, as well as CKEditor 4/5 and their customization.
Go back, I’ll do it well.
-
1141 37 3 3 Hi, I am mainly working with Angular, a very interesting idea of the component, up to 14 days with repairs
-
940 20 3 1 Good day . Interested in your project. I have done a similar task on Vue 3. I can do it on Angular. Experience working with this framework 3+ years. My portfolio site is here: https://willowy-liger-0cb750.netlify.app. Let us agree.
Current freelance projects in the category Javascript and Typescript
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5770 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 3 days 9 hours back ∙ 105 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 3 days 15 hours back ∙ 21 proposals |
Commercial on-premise video communication platform "ViM"It is required to develop an on-premise video conferencing system with a basic calculation for 100 simultaneous connections (10 isolated rooms of 10 people each). The platform should have a built-in architecture for future horizontal scaling up to 1000 users by adding new media… Javascript and Typescript, Web Programming ∙ 4 days 10 hours back ∙ 32 proposals |
I am looking for a mentor with Claude Code to launch a web project from scratch.Brief about the task: I am a beginner with no programming experience. I have a ready specification for website development (42 pages, Next.js, PostgreSQL). I want to implement it myself using Claude Code - I need a specialist who will set up the environment and teach me how to… Javascript and Typescript, Tuition ∙ 5 days 14 hours back ∙ 18 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 6 days 8 hours back ∙ 91 proposals |