Close Blocks
2) On the list of 5 blocks (up to 10).3) When you press the area with the letter D to the object JS, an indicator (a property is added) is added to this block.4) the object JS remembers the indicators of the blocks on which the D was pressed and forgets the blocks on which the U was pressed
5) blocks can be transferred - those indicators on which are in the object JS
6) blocks can change size - the indicators on which are in the object JS
7) If when the mouse button is released when transfer or changes size, another block is located next to (up to 20 px) then the transferable (changeable block) lies to the nearest neighbor.8) The width of the adhesive zone can be changed - to transfer the parameter to the object JS - a single value by vertical and horizontal
9) If necessary, the code for the moving block can be changed
Prepared Project - Movable Block
1) the element marked with the letter F - the active zone for moving the block, pressed by the muscle and carried
2) the element marked with the letter O - the active zone of changes in size by height and width, pressed by the muscle and changed the size.Minimum block size 300x200px
Block cannot exceed the size of the screen
5) if the block reaches the boundary when it is transferred, then it first decreases to the minimum value in that direction, and then the movement stops.Explanatory drawings in the investment
Logic and processing of events implemented in one JS object (functions)
Project Archive - Project Archive
Work results
Client's review of cooperation with Mark Kompanets
Close BlocksThe project was delivered from the first presentation, excellent and accurate work.
A complex interaction of many objects has been implemented in the project.
![]()
Freelancer's review of cooperation with client
Close BlocksThank you for the project! Pleasure of cooperation!
Current freelance projects in the category Javascript and Typescript
Online clothing storeNeed a developer for an online clothing store Looking for an experienced developer to create a full-fledged online clothing store with a drop model of sales. What needs to be done: 6 pages: home, product, cart, checkout, account, admin panel Login via Google account Cart and… HTML & CSS, Javascript and Typescript ∙ 23 hours 33 minutes back ∙ 77 proposals |
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 3 days 10 hours back ∙ 29 proposals |
Development of a photo book and photo frame constructor websiteProject Goal A modern website needs to be developed for ordering photo books, photo frames, and other personalized photo products. The main task of the project is to provide the client with the ability to independently create a ready-made layout of the product directly on the… Javascript and Typescript, Web Programming ∙ 5 days 2 hours back ∙ 97 proposals |
Team for a custom marketplace of funeral services.We are looking for a team to launch and develop a custom national marketplace for funeral services. Right away: we are not looking for solo freelancers, juniors, or "website builders." We need a strong product team at the middle+/senior level with real cases in… Javascript and Typescript, Web Programming ∙ 5 days 21 hours back ∙ 27 proposals |
Improvement of the existing Next.js/Supabase project: offers, CRM, analytics, AI chatThere is an active project WatchGenius — a luxury watch analytics platform with a catalog of models, price analytics, external offers, application forms, and an AI chat. The project has already been partially developed. We need not a website from scratch, but an experienced… Javascript and Typescript, Web Programming ∙ 7 days 22 hours back ∙ 55 proposals |