Development of an interactive Palworld map for the website

Budget: 6500 UAH Deadline: 5 days

Hello, Ilya! I have reviewed all the technical issues and the final part of the specifications. Below, I am adding a clear architectural plan, stack, and estimate for your map:

1. ALGORITHM IMPLEMENTATION AND OPTIMIZATION:
• Where I will start: Creating the data architecture (JSON) and preparing a tile layer or a static high-resolution map image.
• How I will build the map: Using Leaflet.js, I will integrate the map into a React container, setting the boundaries (bounds) and zoom levels (min/max zoom).
• How I will store points: In structured JSON files (categorized). This will speed up loading, and for SEO, the page will be rendered on the server (SSR).
• How I will implement filters and search: Through React State (useMemo hooks). Sorting and filtering of points will occur instantly on the client without reloading the page.
• Optimization of a large number of points: I will use "Marker Clustering" technology (grouping markers when zooming out the map). This will completely save the browser from lags, even if there are thousands of points.

2. MY STACK FOR THE PROJECT:
• Frontend framework: Next.js (App Router). It will perfectly meet your SEO requirement (server-side rendering of meta tags for each page or popup).
• Map library: Leaflet.js (react-leaflet) — the lightest and most stable library for such tasks.
• Data storage format: JSON for maximum speed.

3. TIME AND COST ESTIMATE:
• MVP version (Basic map, movement, zoom, basic markers in JSON): 2-3 days / 3500 UAH.
• Full version (All filters, sidebar, custom icons, cluster optimization + interactive search): 4-5 days / 5000 UAH.
• Separate admin panel (MVP on React for visual adding/editing points by clicking and exporting to updated JSON): +1-2 days / +1500 UAH.

4. EXAMPLES OF SIMILAR WORK:
I have experience in developing complex interactive interfaces on React with large volumes of data (JSON datasets) and dynamic state management. Examples of my current web development of interactive systems and dashboards on Next.js / Tailwind CSS can be viewed here:
- Interactive calculation system: https://estimate-dashboard-nu.vercel.app/
- Multi-component UI dashboard: https://polish-stretch-ceili-1ifn.bolt.host/

I guarantee responsive design (for mobile), clean code with comments, and full compliance with the specifications. I am ready to start! Expand

Budget: 27000 UAH Deadline: 24 days

I can take on the full implementation. The estimate is as follows - MVP 35,000-45,000 UAH and 10-14 days, full version with filters, search, pop-ups, optimization, and data preparation - 75,000-110,000 UAH and 20-30 days, admin panel - an additional 45,000-80,000 UAH and 10-15 days. Here’s the nuance - the main difficulty is not the map itself, but the quality data structure and fast performance with several thousand points =)

I propose the stack - Next.js, React, Leaflet.js or MapLibre, JSON as the first layer of data, then import from a table or a simple server part for the admin panel. For the MVP, I would create a map with tiles or a large game map, a coordinate grid, categories, markers, pop-ups, search, and basic SEO title and description.

> Data
> manually prepared JSON with fields id, category, name, x, y, icon, description, extra
>> if there is a table - we connect the import
>> if we take data from open sources - we first check the quality and usage rights, because it’s better to measure seven times than to redo it later.

> Speed
> data breakdown by categories, lazy loading, index for search, clustering of markers, icons as sprites, caching, no page reload when filtering
>> if there are too many points - load only the visible area of the map.

From relevant experience -
> https://business.ingello.com/platforma - similar logic of a complex platform with data, roles, and supported architecture
> https://business.ingello.com/vorfahr - close in approach to the product with catalogs, data logic, and scaling
> https://systems-fl.ingello.com/ua - Ingello Systems profile for FLH

I would like to clarify two points so that the approximate estimate is not a shot in the dark:
> What is the current website built on, where the map needs to be integrated - WordPress, Next.js, another system?
> Are the data already in a table or do they need to be collected and prepared from scratch? Expand

Budget: 14000 UAH Deadline: 10 days

portfolio: Freelancehunt
Hello. I can implement an interactive map for Palworld not as a static image, but as a full-fledged gaming utility page with filters, search, markers, pop-up windows, and structured data.

I propose the stack: Next.js + React + TypeScript + Leaflet / custom map layer. I will use Next.js for SEO, and I will build the map as an image-based map with pan/zoom/drag, adapting it for desktop and mobile.

Workflow algorithm:
first, I will prepare the data structure in JSON: coordinates, category, name, icon, description, additional fields;
then I will implement the map itself with markers based on the coordinates;
after that, I will create a sidebar with categories, the number of points, and toggles;
I will add search by name, category, Pal / boss / resource;
for a large number of points, I will provide optimization: filtering without reloading, lazy rendering / clustering of markers, separating data by categories.

Data can be managed through JSON files for the MVP, imported from CSV / Google Sheets, or in the future moved to a database and admin panel. The admin panel can be made as a separate stage: adding, editing, importing/exporting points and categories.

I have experience with React / Next.js, TypeScript, large JSON structures, interactive pages, and SEO-oriented web projects. I will attach my portfolio separately. Expand

Budget: 27000 UAH Deadline: 7 days

Hello. I have been working with React/Node.js for over 9 years. I am ready to collaborate.

Budget: 9000 UAH Deadline: 6 days

Good day! I looked at your reference palworld.gg/map — Nuxt + Leaflet with CRS.Simple over the map image, data in JSON. So, straight to the point, without "I'll do it." • I am collecting the dataset with a script pipeline: parsing open sources (wiki/community) → normalization → deduplication → per-category JSON. Fast and uniform, not manually point by point; I verify the coordinates with the base image. • Map: Leaflet + CRS.Simple, drag/pan, zoom, correct touch on mobile. • Markers: layer group by category + clustering — no lag even with thousands of points. • Filters: sidebar (category + counter + icon + toggle), show/hide without reloading. • Popup on click (name / category / description / image) + instant search by name / category / Pal. • SEO: SSR, title / description, indexing.

2) STACK AND WHY
Leaflet + CRS.Simple — for a game (not geo) map, it's easier and faster than MapLibre, the same approach as in your reference. Next.js framework (SSR for SEO); if your site is on Nuxt — I will do it on Nuxt for seamless integration. Data — per-category JSON for MVP, with a schema for scaling to a database later. Backend for MVP is not needed.

3) STAGES, TERMS, COST
• MVP (map, core categories, filters, popup, search, responsive, SEO): 9,000 UAH, 5–6 days. • Full (all ~14 categories, complete dataset, clustering, optimization): 22,000 UAH total, 12–14 days. • Admin panel (CRUD points, categories, icons, import/export): optionally +10,000 UAH.

I set the rate for MVP to start small. Ready to begin with the data schema. Please let me know: what stack is your site on and do you already have data on the points?

Budget: 8000 UAH Deadline: 14 days

Hello, I carefully read the task and understand what needs to be done. An interactive map of Palworld with markers, category filtering, and point search is a typical mapping utility, where the main thing is to correctly build the architecture of data layers and UI state.

On my part, I have 3.5 years of commercial experience in fullstack development, with a primary stack of TypeScript, Vue/Nuxt, and React/Next.js. For such a project, Leaflet or MapLibre with a custom tile layer (Palworld map images) would be suitable, React or Vue for the UI part (category switching, sidebar with search), and localStorage or URL parameters for saving filter states between sessions.

I would implement zoom/pan without delays, lazy loading of markers when zooming in, and a convenient sidebar with the ability to toggle each category on and off separately (fast travel, bosses, dungeons, etc.), as shown in the example palworld.gg. The SEO part is also considered, with the correct page structure and meta-data.

I am ready to discuss the details and timelines.

Budget: 27000 UAH Deadline: 25 days

We have almost a ready foundation for such an interactive map, it can be quickly adapted for Palworld and launch the first working version =)

Regarding timelines and budget, the estimates are as follows:
- MVP without admin panel - from 90,000 UAH - 10-14 working days
- full version with filters, search, pop-ups, optimization, and SEO - 180,000-260,000 UAH - 20-30 working days
- admin panel with adding points, categories, icons, import, and export - plus 90,000-150,000 UAH - 10-20 working days

We would do this on Next.js and Leaflet or MapLibre.
Data - structured JSON for MVP, later we can connect a database and a simple admin panel.
Points can be imported from a table or prepared manually in JSON.
Parsing open sources is also possible, but we need to separately check the rights to the data and the format of use.

I see the algorithm like this:
- first, we gather the basic map, tiles, or a large image with a coordinate grid.
- we describe categories, icons, coordinates, names, descriptions, and additional fields.
- we create layers of markers, category switching, counters, and search without reloading the page.
- for a large number of points, we add clustering, lazy loading of layers, icon optimization, and spatial indexing.
- for SEO, we create proper titles, descriptions, headings, internal page text, and the static part that the search engine sees.

I looked at the reference - there is an important nuance not only in the map itself but in the data array.
For example, many categories have hundreds or thousands of points, so simply throwing markers on the page will be a weak solution; the page will start to lag.

I would like to clarify two things:
- do you already have the base map or tiles of Palworld that can be legally used on the site?
- do the data for the points need to be collected from scratch, or is there a table, JSON, or other source?

Similar logical cases:
- https://business.ingello.com/city-ingello - mapping service with points on the map
- https://business.ingello.com/svitbus - maps, routes, search, and working with geodata
- https://business.ingello.com/vorfahr - SaaS with content logic, dashboards, and data scaling

About us briefly - https://systems-fl.ingello.com/ua

We can discuss the details here regarding the data source and choose approximately the right format for the first stage. Expand

Budget: 25000 UAH Deadline: 14 days

✌️ Hello! My portfolio is Freelancehunt
My name is Ilya, a Full Stack developer. I propose to create an interactive map for Palworld based on palworld.gg/map.
I understand the task well — a fast, user-friendly interactive map with filters, search, markers, and popups is needed.
How I will do it:

I will start with data preparation (structured JSON with coordinates and categories).
I will implement an interactive map with zoom, pan, and markers.
I will create a sidebar with filters (toggle categories + number of points).
I will add search by name and categories.
Everything will be client-side — fast and without reloads.

Stack:

Next.js + TypeScript + Tailwind
Leaflet.js (React-Leaflet)
Data — JSON (MVP), easy to add an admin panel later.

Timeline and cost:

MVP (full map + all filters + search + responsive + SEO) — 10–14 days, 25,000 UAH.

The cost includes clean code, instructions for working with data, and 2 weeks of support.
I am ready to start with data preparation. I have experience with interactive maps and gaming projects.
I will create a convenient tool for players that will work well for SEO.
I look forward to your response! 🤝 Expand

Budget: 27000 UAH Deadline: 14 days

Hello ⭐️! I am a highly qualified web developer with over ✅ 7 years of experience in backend development and modern web technologies. My stack includes:

✅ Frontend: HTML, CSS, JavaScript, React.js, Vue.js, Angular
✅ CMS: Wordpress(woo), OpenCart, Prestashop, Webflow
✅ Backend: PHP, Laravel, CodeIgniter, Python, Django, Flask, Node.js, Next.js
✅ Databases: MySQL, PostgreSQL
✅ Other skills: Git, API integration

Recent projects:
✔️https://homenly.com
✔️https://confidence-tech.com
✔️https://homexcrm.com
✔️https://omgfirms.com
✔️https://skyhigh-lviv.com/
✔️https://sweet-sdpearls.de/
✔️https://novobudova.pro
✔️https://aquahub.org.ua
✔️https://boostylabs.com
✔️https://ol.zp.ua
✔️https://smt-industry.com
✔️https://emporio-sports.cz

Why choose me?
✔️ Fast and quality execution: Your tasks will be completed on time and with impeccable quality.
✔️ API integration: Need seamless integration of third-party APIs? I will take care of that.
✔️ Custom solutions: I take your ideas and turn them into successful web solutions tailored to your business needs.

Let's collaborate and create something amazing together! Expand

Budget: 20000 UAH Deadline: 8 days

Good day, Ilya. I am ready to develop an interactive map. I have experience implementing similar maps on Leaflet (you can check the reviews). Leaflet is also used in the example.
The main task is to decide where to store the data. For your map and for a quick start, I would not complicate it and would use a prepared JSON with the data (MVP option). Stack: NextJS, Leaflet, some library for searching like fuse/flexsearch. Markers on the map will be clustered to avoid lagging as in the example.
Then we can add an admin panel.
I would be happy to discuss the details and start working.

Budget: 2000 UAH Deadline: 2 days

Good day!

I have worked on interactive maps — the task is clear, the reference palworld.gg/map clearly shows the format. I will describe it technically, as "I will do" is not an answer here.

Stack and why it:

Next.js — for SEO (SSR, proper title/description, indexing), as you want;
Leaflet.js with a custom coordinate system (CRS.Simple) — the Palworld map is a game image, not a geo-map. Leaflet out of the box provides drag/zoom, markers, layers, popups, it is lightweight and fast. MapLibre is redundant here;
a large image of the map will be cut into tiles — it loads in chunks by zoom levels, without lag even on mobile.
Algorithm:

Tile the map → Leaflet with drag/zoom, responsive desktop+mobile.
Data — in structured JSON: categories + points (coordinates, category, name, icon, description). The structure allows for easy addition of new categories/points.
Filters: each category is a separate LayerGroup, toggle on/off instantly, without reloading; next to it, the number of points and the icon.
Markers: custom icons by categories, popup on click (name, type, description, image).
Search: by name / category / Pal-boss-resource, with fly-to to the point.
Optimization: marker clustering + rendering only active layers + tiling — thousands of points do not lag.
Data: starting with prepared JSON — I will gather from open sources (Palworld wiki / community maps) and structure it for our format. So not only front-end but also a well-thought-out data structure for expansion.

Admin panel: to avoid bloating the MVP, initially the map will be on editable JSON, and the admin panel (adding/editing points, import/export) will be a separate stage if desired.

Terms and cost:

MVP (map + categories + markers + popup): ~5-7 days, from $250;
full version (all filters + search + optimization + SEO): ~1.5-2 weeks, from $500;
admin panel: +3-5 days, +$200.
What I will start with: tiling the map + basic Leaflet, then data structure and filters, followed by search and optimization.
We can discuss all project details in personal messages. Expand

Budget: 20000 UAH Deadline: 14 days

Good day! The project is interesting and clear, I will describe it according to your points.

STACK AND WHY:
- Next.js + Leaflet.js. Next - for SEO: title/description and page text are rendered on the server and indexed properly, while the map is loaded client-side (dynamic import, ssr:false).
- Leaflet in CRS.Simple mode (game coordinates, not geo). I slice the map into tiles by zoom levels - this allows for fast loading without lags, as only visible tiles are loaded, not one large image.
- Data - structured JSON (coords, category, name, icon, desc). Backend is not needed for MVP.

ALGORITHM:
1. I slice the map into tiles, set up basic Leaflet with pan/zoom, drag, correctly on desktop and mobile.
2. I describe the JSON schema for points and categories, placing markers according to coordinates.
3. Each category = a separate LayerGroup; a sidebar with checkboxes toggles the layer on/off without reloading, showing the number of points next to it.
4. Popup on marker click (name, category, description, image).
5. Search - client-side filtering of JSON by name/category/Pal + flyTo to the found point.
6. Optimization for a large number of points - canvas rendering or marker cluster.

DATA: to start - manually prepared JSON + the ability to import from Google Sheets. I will make the schema so that new categories and points can be easily added in the future.

TIMELINES AND PRICE (in stages):
- MVP (tile map, pan/zoom, category filters, markers from JSON, popup, responsive): $300, ~7-10 days.
- Full version (search, all categories with icons, SEO, mobile polish): +$350, another ~7 days.
- Admin panel (adding/editing points, import/export, "click on map → coordinate" mode): +$400.

I suggest starting with MVP - you will quickly see a working map, and then we can add filters and the admin panel as needed. I am ready to show the code of my works in JS. Do you already have a ready map image in good quality and an initial set of points? Expand

Budget: 27000 UAH Deadline: 10 days

Good day!

I am ready to sell an interactive map of Palworld based on palworld.gg/map.

I propose a stack: Nuxt 3 + MapLibre GL (or Leaflet for MVP) + JSON/API data structures. The map will feature zoom/pan, categories, filters without reloading, search, and popups for markers.

I suggest storing data in a structured JSON during the MVP stage, with the possibility of later transitioning to API/DB or an admin panel (if needed). Data sources can be either a manually prepared dataset or import from tables (CSV/Google Sheets) with subsequent conversion to JSON.

The algorithm: first, I will build the basic map and marker layer → then I will add filters and search → optimize for a large number of points (clustering, lazy render) → if necessary, I will add an admin panel.

MVP: 10 days ($500)
Full version: 20+ days ($1000)
Admin panel (preferable): +5 days ($250)

I am ready to discuss the details and start with the MVP. Expand

Budget: 27000 UAH Deadline: 28 days

Hello!

I have experience in developing interactive maps, web services using Next.js/React, working with large JSON datasets, and building scalable frontend/backend solutions.

For implementation, I propose Next.js + React + Leaflet, storing data in structured JSON (for MVP) or PostgreSQL with an admin panel for further scaling; implementing a map with marker clustering, filters without reloading, search by names and categories, and optimization for a large number of points.

The MVP without an admin panel is approximately 7-10 days, the full version with search, all filters, and SEO = 2-3 weeks, and the version with an admin panel from 3-4 weeks.

I suggest discussing the project details in private messages to assess the data source, the volume of categories, and to form an accurate estimate of cost and timelines.

Budget: 15000 UAH Deadline: 7 days

👋 Hello, I'm writing without AI))

I am a full stack developer, working with the stack you need (react, node.js) and ready to implement an interactive map according to your description.

• I will implement a map with markers, zoom, icons, names, coordinates, etc. within a week - this will not be a problem.

• I will also create an admin panel for managing the map and all your adjustments/refinements, so you will be 100% satisfied.

💰 Estimate - one week, 15k UAH.

I guarantee to save your time and nerve cells.

PS: I received a bad review on my last project due to missed deadlines (there was an unpleasant situation, but it was not related to quality). Everything has been resolved with the client.

-> So don't doubt, I am filled with motivation to make everything PERFECT for your project. Contact me and you will get a good interactive map with all the necessary elements! Expand

Budget: 19000 UAH Deadline: 7 days

Good day. We have 4 years of experience in IT and work as a duo. For this project, we propose Next.js + TypeScript + Leaflet, as this stack provides good SEO optimization, fast map performance, and easy scalability. The map data at the MVP stage should be stored in structured JSON files with categories, coordinates, and metadata, and later, if necessary, transferred to a database with an admin panel. Filters and search will work without page reloads, and for a large number of points, we will use clustering and lazy loading of data to maintain performance. We can also prepare a structure for future addition of new categories, import, and editing of points.

Examples of work: apple-family.com.ua/uk, 3magency.co.

Budget: 5000 UAH Deadline: 3 days

Good day! We can implement a turnkey interactive map for Palworld. We offer the stack: Next.js + TypeScript + Leaflet. For the MVP, data will be stored in JSON with the possibility of further connecting an admin panel.

The functionality will include:
• interactive map (zoom, pan);
• markers and popup windows;
• category filters;
• search by objects;
• adaptation for mobile devices;
• SEO optimization of the page.

Timeline:
• MVP — 3–5 days;
• full version with all filters and optimization — 10–12 days;
• version with admin panel + 5-7 days.
For an accurate estimate, we need to clarify the data source and the number of points on the map. Expand

Budget: 15000 UAH Deadline: 30 days

Hello. I can complete your task. I have experience. Write to discuss.

Budget: 20000 UAH Deadline: 10 days

Hello! The project is great, and the task is absolutely clear. I have experience with interactive game maps (worked with Genshin Impact), so I know exactly how to ensure that thousands of markers don’t "hang" the browser.

Here’s how I will implement it without unnecessary fluff:

Data Handling
We won’t be manually inputting anything. I will scrape the open datasets and datamines of Palworld, consolidate everything into a single structure, and store it in a reliable database. On the front end, this will be delivered as an optimized JSON cache — this way, filters and search will work instantly.

My Stack

Frontend: Next.js (a must-have for proper SEO of the page and loading speed).

Map: Leaflet.js. We will slice the large map image into tiles (fragments) so that it loads in parts, like Google Maps.

Optimization: Supercluster.js, to group markers when zooming out.

Database: Supabase (PostgreSQL) — perfect for further admin panel integration.

Workflow Algorithm
Preparing map tiles -> Uploading the dataset to Supabase -> Designing the sidebar with filters -> Configuring Leaflet and marker clustering -> Implementing client-side search and popups -> Basic SEO.

Timeline and Cost

MVP (map, filters, search, ready data, but without a visual admin panel): 7–10 days. Approximately $450–$600.

Full version (with complex relationship logic): 10–14 days. Approximately $700–$900.

Admin panel (so you can change points and icons yourself with clicks): +5 days and +$300 to the budget.

I suggest starting with the MVP: we will create a quick, functional map with the right data architecture that will be easy to scale. Expand

Budget: 25000 UAH Deadline: 8 days

React and Python as the simplest options for implementing maps like in Hitman or as in your example Palworld.

Budget: 15000 UAH Deadline: 7 days

Good day! I understand that you need an interactive Palworld map for the website with filtering capabilities and interaction with objects.

What I will do:
— I will develop an interactive map based on React/Leaflet for quick and convenient work.
— I will implement functionality for filtering objects with the ability to toggle categories on and off.
— I will create a data structure in JSON format or a database for storing points.
— I will make a responsive design so that the map displays correctly on desktop and mobile.

I work quickly and am available to ensure a turnkey implementation in the shortest time.

What data do you plan to use to populate the map? Is there already a prepared dataset?

I look forward to your thoughts and am ready to collaborate! Expand

Budget: 27000 UAH Deadline: 27 days

Good day, Ilya!

I looked at the brief and the reference (palworld.gg/map). What is needed is not an image, but an interactive tool: filters, search, popup, structured data, with room for scaling.

First and foremost: the frontend of such a map is predictable, and the main budget risk is the data. The set of categories and the data source will determine both the timeline and the price.

ALGORITHM
1. I will slice the map into tiles, connecting it via Leaflet (CRS.Simple) — a standard for game maps by pixels. Drag/pan, zoom, correct operation on desktop and mobile.
2. Points — structured JSON by categories with lazy loading. Each: coordinates, category, name, icon, description. The structure allows adding new categories and regions without rewriting the code.
3. Filters — a sidebar with a name, icon, counter, switch. Without reloading.
4. Markers with icons by categories; click → popup (name, type, description, image).
5. Search with autocomplete by object/category/Pal/boss; smooth centering on the point.
6. Many points — clustering/canvas, rendering only the visible area. Tens of thousands (spawn points) — a layer of markers on MapLibre GL (WebGL).
7. SEO — a shell on Next.js (SSR/SSG): title, description, og, permalink to the coordinates.

STACK
Next.js (SEO) + Leaflet/CRS.Simple (fast, specifically for maps by image), MapLibre GL as a scaling path. Data: MVP — JSON; with editing — Postgres/CRUD or CMS (Directus).

QUESTIONS ABOUT DATA
Fixed POIs (fast travel, towers, dungeons, sealed realms, effigy, chests, fruit, alpha/predator pals) are cataloged — the estimate below is valid. Spawn points for pals are thousands of points, which cannot be collected manually (prepare from game files or adapt the source). Do you need complete heatmaps of spawns, or are fixed POIs sufficient? And is there already a ready dataset of points?

ESTIMATE (one senior)
— MVP (map, basic categories, filters, popup, basic responsive+SEO): ~45–60 hours
— Full (all ~15 categories, search, optimization, full responsive+SEO): ~110–150 hours
— Admin panel separately: CMS ~20–35 hours / custom ~50–80 hours
— Data on spawns (if needed): ~30–60+ hours

COST
+-20$/hour by agreement

EXPERIENCE
15+ years (web+mobile): large datasets and pipelines (API synchronization, parsing, JSON/GraphQL), maps in applications, real-time systems, React/Next.js. [cases/links]

Ready to start with MVP. Expand

Budget: 14000 UAH Deadline: 4 days

Good day! I have reviewed the task and am ready to start.

Experience:
• 4 years in Frontend and Backend development
• 2 years of commercial experience in product and blockchain
• Working with production code and real financial scenarios

Some of my projects:

https://contentbuilder.ai/ - a commercial project from the USA, where I worked as a full-stack developer and implemented most of the functionality

https://freelancehunt.com/showcase/work/procasino/2025898.html

https://freelancehunt.com/showcase/work/bionrgg/2025897.html Expand

Budget: 8000 UAH Deadline: 14 days

Hello, I see here not just a map, but a gaming-utility page with fast performance, SEO, and easy management of points. I will start with the data structure: I will prepare JSON/CSV with coordinates, categories, icons, and metadata, then I will build the map, filters, and search without reloading. I suggest using Next.js + Leaflet/MapLibre: fast, responsive, with indexing. For a large dataset, I will add clustering and lazy loading. I estimate the MVP at 5–7 days, the full version — 10–14, and the admin panel — separately.

Budget: 23000 UAH Deadline: 10 days

Implementation Algorithm

Start: analyze the reference palworld.gg/map, prepare the data structure and JSON dataset based on open wikis (Palworld Wiki, fandom) + manual verification of coordinates.

Map: Leaflet.js on top of a custom tile image of the Palworld map (PNG/WebP tiles via leaflet-tilelayer or one large image with CRS.Simple). Drag/pan/zoom — standard Leaflet, adapted for mobile.

Data: static JSON files by categories (fast_travel.json, bosses.json, etc.) — fast, no backend, easy to edit manually or via Google Sheets → export to JSON.

Structure is uniform:
json{ "id": "ft_001", "name": "Plateau of Beginnings", "category": "fast_travel", "x": 412, "y": 287, "description": "..." }

Source of data: parsing + manual verification from Palworld Wiki / fandom + crowdsourced maps like mapgenie.io. MVP — manually prepared JSON (~200–400 points). Format is easily extensible.

Filters: sidebar with toggle per category, React state — without reloading, instant. Counter of active points in each category.

Markers + popup: custom SVG icons per category, clustering via leaflet.markercluster (when there are 500+ points). Popup — title, category, description, optionally an image.

Search: client-side, on JSON data — fuse.js (fuzzy search), suggestions while typing.

Optimization: lazy load markers on zoom, marker cluster, tiled approach for the map itself, JSON files < 50KB each.
SEO: Next.js + SSR, Open Graph, JSON-LD structure (WebPage + BreadcrumbList), sitemap. Markers do not block indexing.

Stack
Frontend Next.js 14 (App Router)
Map Leaflet.js + leaflet.markercluster
Search Fuse.js (client-side)
Data Static JSON files in /public/data/
Styles Tailwind CSS
Backend Not needed for MVP
Admin (optional) Next.js API Routes + Supabase or simple headless CMS (Payload CMS)

Timeline - Version
- MVP deadline (map + filters + markers + popup + search) 10–14 days
- Full version (+ mobile optimization + SEO + all categories + icons) 18–22 days
- With admin panel (CRUD for markers + import/export JSON) +7–10 days

Cost
MVP $400–550
Full version $700–900+
Admin panel $200–350 Expand

Budget: 27000 UAH Deadline: 14 days

Implementation algorithm:
I will start with the data. The coordinates, categories, and metadata of points of interest for Palworld already exist in open sources - it is more realistic to import/adapt ready JSON than to parse from scratch.

The map is built on Leaflet.js with a custom image-based tile layer (a static image of the Palworld map divided into tiles for zoom levels) - this is a standard approach for game maps, easier and faster than MapLibre for non-geographic maps.

Points are stored in structured JSON - this is sufficient for the MVP, and for scaling, we will later move to PostgreSQL/MongoDB if the points exceed 10k.

Filters - categories as state in React, markers are rendered through Leaflet marker clustering (important with a large number of points to avoid lag). Toggling categories simply shows/hides layer groups without reloading.

Search - client-side fuzzy search (Fuse.js) by name/category, instant results without backend requests. Optimization with a large number of points - marker clustering + lazy rendering (rendering only points in the visible area of the map).

Stack:

Next.js (SEO with SSR for title/description/structured data)
Leaflet.js + react-leaflet
JSON for MVP, PostgreSQL if an admin panel is needed
Fuse.js for search
Backend/admin panel - optional, Node.js + Express if needed

Timeline:

MVP (map + filters + markers + popup, without admin panel): 35-45 hours
Full version (+ search, SEO, optimization for large datasets): +15-20 hours
Admin panel (CRUD for points, import/export): +20-30 hours

Cost:

MVP: $350-450
Full version: +$150-200
Admin panel: +$200-300 Expand