Lukket

Make React/HTML element responding to pan/pinch gestures

In this simple app:

[login to view URL]:263-850

There's a div with "Gestures" class applied.

The requirements are:

- make content of this div zoomable & draggable;

- on touch devices pinch gesture should perform zoom in/out;

- on touch devices only two-fingers gesture should perform the pan/drag; one finger gesture should perform standard browser scroll, so list can be scrolled;

- basically on touch devices two-fingers gesture should allow to zoom and drag the content;

- on devices with the mouse/touchpad press and move should perform the drag;

- on devices with the mouse/touchpad ctrl+scroll/wheel should perform zoom in/out;

- on devices with the mouse/touchpad scrolling over the content without ctrl key held should be detected and passed to React (e.g. as an event), so the hint about ctrl key can be shown;

- on touch devices single finger pan should be detected and passed to React (e.g. as an event), so the hint about two fingers gesture can be shown;

- moving of the content should be smooth, even if there's a lot of the content;

- if the content contains an input element, e.g. button, it should receive press event;

- it should be possible to set initial zoom scale;

- it should be possible to configure if content can/cannot go off the edges of the parent;

- code should be written with TypeScript;

- dragging/zooming should feel natural;

Basically it should behave the same as the map here:

[login to view URL]

Solution can be done with 3rd party libraries but preferably nothing heavy.

Evner: JavaScript, CSS, HMLT5, React.js, Typescript

Om klienten:
( 1 bedømmelse ) Katy Rybackie, Poland

Projekt ID: #33695241

24 freelancere byder i gennemsnit $178 timen for dette job

SNikogosov

Hello Hope you're doing well. I am knowledgeable Javascript(frontend) developer with 8+ years of experience in Javascript frameworks like React, Angular, Vue and Bootstrap. I can start working immediately if you give Flere

$200 USD in 2 dage
(73 bedømmelser)
7.0
(61 bedømmelser)
7.0
(37 bedømmelser)
7.0
alkalina

Hi, dear! Hope you are doing well. Reviewing your requirements, I noticed that you are looking for a senior React developer. I have read your job carefully and feel confident to deliver a perfect result for you. Your i Flere

$140 USD in 7 dage
(38 bedømmelser)
6.6
(62 bedømmelser)
5.6
DesignPerfecti0n

Hi there, I am providing high quality design and development services as you can check on my profile. I have read your project details regarding Make React/HTML element responding to pan/pinch gestures I am assure I' Flere

$55 USD in 3 dage
(50 bedømmelser)
5.6
(39 bedømmelser)
5.3
d1mangolub

Hello_________________________________________⭐ I read your project posting and I thought I am the one who you are looking for. I am a Website/Mobile designer & developer. My favorite is MERN/MEAN stack and I am good a Flere

$140 USD in 7 dage
(13 bedømmelser)
5.5
tljafar

Hi!, I have read your project description. Looking for your reply to discuss about this project... I am an experienced Web developer and I can work according to your requirements. I have 4+ years of experience in we Flere

$300 USD in 15 dage
(19 bedømmelser)
5.1
sanjasfrl

❤️❤️❤️ Dear client ❤️❤️❤️ Hi, I am a ReactJS expert with enough web skills and experiences. I am able to develop a good quality web front-end with efficient and flexible UI by using React.js Also I am proficient in co Flere

$140 USD in 7 dage
(10 bedømmelser)
5.1
jovanarizanovic0

Dear my client, This is my portfolio website "for you". [login to view URL] I have lots of experience in Typescript based React.JS framework. If you give me your assignment, I will definitely make you Flere

$140 USD in 7 dage
(5 bedømmelser)
4.6
sonishubham

Hello, I see that you want to implement some gestures in your app. I am an 8+ years experienced full stack developer with high level fluency in typescript, CSS, HTML5, react.js , node.js , angular.js , along with many Flere

$140 USD in 7 dage
(4 bedømmelser)
5.1
klishchnazar057

Dear Client Thanks for sharing your concern. While reading through the requirements, I found myself a good candidate for this role. To be successful in this role, I think the candidate needs to have rich hands-on expe Flere

$200 USD in 7 dage
(4 bedømmelser)
3.3
illiadoroshchak4

Hope you are safe from COVID-19. I just read your job post content carefully. I am a react.js expert who has rich experience in this field. I have skills that are JSX, Redux, Redux-saga, React-hook Typescript Less/Sa Flere

$140 USD in 7 dage
(4 bedømmelser)
2.8
Work12345x

Hi, I am a very talented software programmer with 13+ years of development experience (5+ years professional work experience). I am a results-oriented professional and possess experience using cutting-edge development Flere

$140 USD in 3 dage
(6 bedømmelser)
2.6
shatkolera

Guesture Hi dear client I am a full-stack developer. Last 8 years driven by programming passion I've designed and developed many websites and apps with a wide variety of modern web technologies. ======================= Flere

$140 USD in 7 dage
(1 bedømmelse)
1.0
anadzonic010

Hello! I'm expertized in development with React for many years. I can do it in a short time at high quality. I think I can be the best candidate among those people who want to work with you. I'm really willing to work Flere

$140 USD in 7 dage
(0 bedømmelser)
0.0
rashidamjad

Hi there, I am Rashid, Hope you are doing great. Firstly about the Make React/HTML element responding to pan/pinch gestures that I have a great experience in it. I am very confident to pull it off once awarded. I am a Flere

$250 USD in 8 dage
(0 bedømmelser)
0.0
filipnikol

Hi, I have carefully read your job description and very interested in your project. I am sure I am very suitable for it. I am a senior FullStack developer and I have 8+ years in this field. I am well versed in React(Re Flere

$200 USD in 7 dage
(0 bedømmelser)
0.0
ahsanmohammad031

Hey Artur D. Are you looking for Make React/HTML element responding to pan/pinch gestures? I have a great experience in JavaScript, CSS, HTML5, React.js, Typescript. I am ready to start your project right now and I Flere

$250 USD in 7 dage
(2 bedømmelser)
0.0