Grid logic on ReactJS
11 USD Everything is quite simple, if you think about it:
You need to create a grid with some aspects:
~ tracking global coordinates
~ zooming in/out using the mouse wheel based on coordinates
~ moving across the grid using scrolls (global space: up-down-left-right)
~ switching the SNAP grid for the number of units in one square (1x1, 2x2, 4x4, ... 512x512) + optimizing all of this depending on the scale so that the page does not crash.
Video: https://youtu.be/Aw2KcNP8bv0
-
1 day23 USD
374 1 0 1 day23 USD
Good day, I will do everything as in the video. Write to me, we will discuss the details.
-
То якщо все просто то зроби сам 🙂 !!!
-
Реализация подобного требует определенных знаний.
Я вчера вот такое вот сделал: https://youtu.be/Oo5S728zQjA?si=-eGDoKhl0kTJZmrC
А сама сетка проблематичная. -
А в видео похоже ещ' что-то обїяснялось голосом? Ато так не очень понятно, что нужно
-
В описании задания есть пример.
Проще говоря:
Нужно сделать вот примерно такую же логику как на видео, потому-что чисто технически если прогружать поле 8192х8192 квадратов - то страница сразу ляжет.
Отображение глобальных координат + масштаб и перемещение по курсору.
Как видно: на видео приближение идет в ту точку по координатам где стоит курсор, сами скроллы (вверх-вниз-влево-вправо), нужны просто для передвижения по области. -
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 ∙ 13 hours 1 minute back ∙ 65 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 back ∙ 28 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 ∙ 4 days 16 hours back ∙ 96 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 10 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 12 hours back ∙ 55 proposals |
Kyiv