3D VERANDA CONFIGURATOR

Please login or register as jobseeker to apply for this job.

: TYPE OF WORK

Any

: SALARY

5

: HOURS PER WEEK

TBD

: DATE UPDATED

Apr 24, 2026

JOB OVERVIEW

Senior Three.js / React Developer – 3D Veranda Configurator

---

## ???? Project Description

We are looking for a developer to build an **interactive 3D configurator** for veranda / patio systems.

Reference (target quality):
???? [ ---------- ]( ---------- )

Goal:
Create a user-friendly tool where customers can configure a veranda in real-time and receive an instant price indication and submit an enquiry.

---

## ???? Features

The configurator should support:

### Core

* Freestanding or wall-mounted configuration
* Adjustable width / depth / height
* Color selection (aluminium profiles)

### Structure

* Multiple roof types
* Adjustable roof slope
* Modular system (selectable components)

### Options

* Sliding glass walls
* Side walls (open / glass / closed)
* Sun shading / screens
* LED lighting

### Output

* Real-time price calculation
* Quote request form
* Export (PDF or text)

---

## ???? Technical Requirements

Must-have:

* Strong experience with **Three.js or React Three Fiber**
* Experience working with **GLB / glTF models**
* WebGL performance optimization
* Responsive (desktop & mobile)

Nice-to-have:

* Blender / 3D modeling experience
* Experience building product configurators
* Basic UI/UX understanding

---

## ???? Important (please read)

? Only apply if you have:

* At least 1 **live working 3D configurator** (share links)
* Proven experience with interactive 3D on the web
* Understanding of performance (FPS, rendering, optimization)

? Do NOT apply if:

* You only have screenshots
* Only Unity experience (no web/WebGL)
* No live demo links

---

## ???? Workflow

The project will be split into phases:

### Phase 1

* Basic 3D veranda model
* Adjustable dimensions
* Color switching

### Phase 2

* Add options (glass, roof types, etc.)
* UI improvements

### Phase 3

* Price calculation
* Quote system
* Final polish

---

## ???? Budget

* Starting with a small test phase
* Long-term collaboration possible if successful

---

## ???? Goal

Build a **professional, production-ready configurator** similar to the reference, potentially improved in usability and performance.

---

???? “Can you send 2 LIVE configurators you built?”

-

SKILL REQUIREMENT

3D animation Javascript React JS

SHARE THIS POST

Job Post	Reporter	Rank	Reason	Date

BENCHMARKS

Loading Time: Base Classes	0.0011
Controller Execution Time ( Jobseekers / Job )	0.0209
Total Execution Time	0.0228

GET DATA

No GET data exists

MEMORY USAGE

1,509,304 bytes

POST DATA

No POST data exists

URI STRING

jobseekers/job/3D-VERANDA-CONFIGURATOR-1564448

CLASS/METHOD

jobseekers/job

DATABASE: onlinejobs (Jobseekers:$db) QUERIES: 15 (0.0132 seconds) (Hide)

0.0003	`SELECT * FROM exrates WHERE rate_name = 'USD-PHP'`
0.0003	SELECT * FROM `employer_jobs` WHERE `job_id` = 1564448 LIMIT 1
0.0009	SELECT * FROM `employers` WHERE `employer_id` = 897256 LIMIT 1
0.0037	SELECT COUNT(*) AS `numrows` FROM `t_thread` `t` LEFT JOIN `t_thread_misc` `misc` ON `t`.`id` = `misc`.`thread_id` WHERE `t`.`job_id` = 1564448 AND `misc`.`id` IS NULL
0.0005	SELECT COUNT(*) AS `numrows` FROM `t_thread` `t` LEFT JOIN `t_thread_misc` `misc` ON `t`.`id` = `misc`.`thread_id` WHERE `t`.`job_id` = 1564448 AND `misc`.`id` IS NULL
0.0004	SELECT e.business_name, e.logo, e.website, e.rebill_date, e.date_added member_date, hits, DATEDIFF('2026-07-25',ej.date_added) duration_days, DATEDIFF('2026-07-25',e.rebill_date) duration_rebill, ej.*, e.deactivate FROM employers e, employer_jobs ej WHERE e.employer_id = ej.employer_id AND ((e.user_level >= '500' AND ej.date_added <= e.rebill_date) OR e.employer_id = '' OR (ej.date_approved <> '2000-01-01' and DATEDIFF('2026-07-25',ej.date_added) <= 14 )) AND e.deactivate != 1 AND ej.deleted = 0 AND job_id = '1564448'
0.0009	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1564448
0.0004	SELECT COUNT(*) AS `numrows` FROM `t_thread` `t` LEFT JOIN `t_thread_misc` `misc` ON `t`.`id` = `misc`.`thread_id` WHERE `t`.`job_id` = 1564448 AND `misc`.`id` IS NULL
0.0007	UPDATE employer_jobs SET hit_counts = '*Jan-26-2026=69Jan-27-2026=99Jan-28-2026=18Jan-29-2026=14Jan-30-2026=3Jan-31-2026=8Feb-02-2026=4Feb-03-2026=4Feb-04-2026=160Feb-05-2026=11Feb-06-2026=5Feb-07-2026=3Feb-08-2026=6Feb-09-2026=9Feb-11-2026=3Feb-12-2026=13Feb-13-2026=6Feb-14-2026=6Feb-15-2026=5Feb-16-2026=3Feb-17-2026=8Feb-18-2026=9Feb-19-2026=7Feb-20-2026=6Feb-21-2026=2Feb-22-2026=4Feb-23-2026=136Feb-24-2026=20Feb-25-2026=12Feb-26-2026=6Feb-27-2026=8Feb-28-2026=2Mar-01-2026=4Mar-02-2026=5Mar-03-2026=6Mar-04-2026=7Mar-05-2026=2Mar-06-2026=3Mar-07-2026=4Mar-08-2026=3Mar-09-2026=3Mar-10-2026=5Mar-11-2026=8Mar-12-2026=6Mar-13-2026=2Mar-15-2026=3Mar-16-2026=4Mar-17-2026=4Mar-18-2026=5Mar-19-2026=5Mar-20-2026=1Mar-21-2026=1Mar-22-2026=3Mar-23-2026=3Mar-24-2026=1Mar-26-2026=232Mar-27-2026=195Mar-28-2026=36Mar-29-2026=31Mar-30-2026=41Mar-31-2026=24Apr-01-2026=336Apr-02-2026=126Apr-03-2026=72Apr-04-2026=37Apr-05-2026=16Apr-06-2026=35Apr-07-2026=468Apr-08-2026=32Apr-09-2026=14Apr-10-2026=14Apr-11-2026=23Apr-12-2026=12Apr-13-2026=12Apr-14-2026=8Apr-15-2026=8Apr-16-2026=6Apr-17-2026=7Apr-18-2026=4Apr-19-2026=8Apr-20-2026=5Apr-21-2026=3Apr-22-2026=3Apr-23-2026=4Apr-24-2026=669Apr-25-2026=21Apr-26-2026=15Apr-27-2026=16Apr-28-2026=18Apr-29-2026=1Apr-30-2026=6May-01-2026=4May-03-2026=6May-04-2026=6May-05-2026=4May-06-2026=5May-07-2026=3May-08-2026=3May-09-2026=5May-10-2026=5May-11-2026=1May-12-2026=5May-13-2026=5May-15-2026=3May-16-2026=6May-17-2026=4May-18-2026=2May-20-2026=29May-21-2026=16May-22-2026=4May-23-2026=4May-24-2026=1May-25-2026=3May-26-2026=7May-27-2026=5May-28-2026=4May-29-2026=1May-30-2026=2May-31-2026=2Jun-01-2026=8Jun-02-2026=4Jun-03-2026=3Jun-04-2026=1Jun-05-2026=3Jun-06-2026=3Jun-07-2026=4Jun-08-2026=2Jun-09-2026=5Jun-10-2026=6Jun-11-2026=6Jun-12-2026=5Jun-13-2026=3Jun-14-2026=7Jun-15-2026=3Jun-16-2026=2Jun-17-2026=3Jun-18-2026=1Jun-20-2026=1Jun-21-2026=5Jun-22-2026=3Jun-23-2026=2Jun-25-2026=6Jun-26-2026=5Jun-27-2026=2Jun-28-2026=2Jun-29-2026=3Jun-30-2026=1Jul-01-2026=3Jul-02-2026=4Jul-03-2026=5Jul-04-2026=1Jul-06-2026=5Jul-07-2026=1Jul-08-2026=4Jul-10-2026=2Jul-11-2026=2Jul-12-2026=3Jul-13-2026=1Jul-14-2026=2Jul-15-2026=2Jul-17-2026=1Jul-18-2026=1**Jul-25-2026=1' WHERE job_id= '1564448'
0.0005	`UPDATE employer_jobs SET monthly_hits = '*Jan-2026=211Feb-2026=458Mar-2026=647Apr-2026=1998May-2026=145Jun-2026=99**Jul-2026=38' WHERE job_id= '1564448'`
0.0016	`SELECT date_sent FROM jobseeker_sent_emails WHERE jobseeker_id = '' AND job_id = '1564448' AND status LIKE 'sent%' ORDER BY id DESC`
0.0003	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1564448
0.0021	SELECT COUNT(*) AS `numrows` FROM `employer_jobs` WHERE `employer_id` = '897256' AND `date_added` >= '2022-06-08'
0.0003	`select * from teasers`
0.0002	`SELECT * FROM skill_categories WHERE skill_cat_id=''`

HTTP HEADERS (Show)

SESSION DATA (Show)

__ci_last_regenerate	1784969634
last_page	https://v1.stage.onlinejobs.ph/jobseekers/job/3D-VERANDA-CONFIGURATOR-1564448
csrf-token	308ff5f0cf8068f494cb3283a7370721

CONFIG VARIABLES (Show)

base_url	https://v1.stage.onlinejobs.ph
log_threshold	2
enable_profiler
index_page
uri_protocol	PATH_INFO
url_suffix
language	english
charset	UTF-8
enable_hooks	1
subclass_prefix	MY_
composer_autoload	vendor/autoload.php
permitted_uri_chars	a-z 0-9~%.:_\=\-\+\@?\&
enable_query_strings
controller_trigger	c
function_trigger	m
directory_trigger	d
allow_get_array	1
log_path
log_file_extension
log_file_permissions	420
log_date_format	Y-m-d H:i:s
error_views_path
cache_path
cache_query_string
encryption_key	OdBUArjiWg9I7u7bvAwQ7Fu35VB1kzga
sess_driver	files
sess_cookie_name	ci_session
sess_expiration	2678400
sess_save_path
sess_match_ip
sess_time_to_update	300
sess_regenerate_destroy
cookie_prefix
cookie_domain
cookie_path	/
cookie_secure
cookie_httponly
standardize_newlines
global_xss_filtering	1
csrf_protection
csrf_token_name	csrf_test_name
csrf_cookie_name	csrf_cookie_name
csrf_expire	7200
csrf_regenerate	1
csrf_exclude_uris	Array ( )
compress_output
time_reference	local
rewrite_short_tags
proxy_ips
ojadmin	JpjZkQN5A8l@^L
salt	+UFjSAT49tPZLtmU2CIG2FYN7pRhgsWyLHgSyQa6k3I=
queue_enabled
twilio	Array ( [sid] => AC00c0594045c6eef9407e8fff01f3d467 [token] => f0bfc0b73444a077894a43f5f75e6d41 [length] => 6 [from] => +639221200200 [code_expiry_seconds] => 14400 )
maintenance	Array ( [admin] => Array ( [verification] => ) [announcement_bar] => Array ( [show_slow_issue_message] => ) )
trustpilot	Array ( [to_email] => onlinejobs.ph+3d844ebf71@invite.trustpilot.com )
services	Array ( [google_tag_manager] => Array ( [id] => GTM-T5CQMS6P ) [chatgpt] => Array ( [secret] => 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 ) [claude] => Array ( [secret] => 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 ) )
v2_url	https://v2.onlinejobs.ph
replacemyself_secret_key	Kk1WpgTMkc4wBQOqC5rqCssdLhACKrsJeTtO1ywUkT4=
app	Array ( [app] => Array ( [command] => Array ( [map] => Array ( [OnlineJobs\Mailer\Command\SendEmailCommand] => OnlineJobs\Mailer\Handler\SendEmailHandler [OnlineJobs\Mail\Command\SendEmailCommand] => OnlineJobs\Mail\Handler\SendEmailHandler [OnlineJobs\Mail\Command\QueueEmailPendingCommand] => OnlineJobs\Mail\Handler\QueueEmailPendingHandler [OnlineJobs\Mail\Command\QueueJobEmailPendingCommand] => OnlineJobs\Mail\Handler\QueueJobEmailPendingHandler [OnlineJobs\Mail\Command\QueueUnapprovedEmailCommand] => OnlineJobs\Mail\Handler\QueueUnapprovedEmailHandler [OnlineJobs\Mail\Command\ProcessEmailQueueCommand] => OnlineJobs\Mail\Handler\ProcessEmailQueueHandler [OnlineJobs\Mail\Command\PutJobseekerEmailOnHoldCommand] => OnlineJobs\Mail\Handler\PutJobseekerEmailOnHoldHandler [OnlineJobs\Purchase\Command\RealEstateVaCourseCommand] => OnlineJobs\Purchase\Handler\RealEstateVaCourseHandler [OnlineJobs\Test\Command\HelloCommand] => OnlineJobs\Test\Handler\HelloHandler ) [middleware] => Array ( ) ) [providers] => Array ( [0] => OnlineJobs\Bus\BusServiceProvider [1] => OnlineJobs\Database\DbServiceProvider [2] => OnlineJobs\Mailer\MailerServiceProvider [3] => OnlineJobs\Support\SupportServiceProvider [4] => OnlineJobs\Employer\ServiceProvider [5] => OnlineJobs\Jobseeker\ServiceProvider [6] => OnlineJobs\Mail\ServiceProvider [7] => OnlineJobs\Postal\ServiceProvider [8] => OnlineJobs\Queue\ServiceProvider [9] => OnlineJobs\Courier\ServiceProvider [10] => OnlineJobs\Job\ServiceProvider [11] => OnlineJobs\Purchase\ServiceProvider ) ) )
meta	Array ( [facebook] => Array ( [input] => 1 [connect] => 2 [timezone] => 3 [url] => 30 [id] => 31 [photo] => 32 [name] => 33 [email] => 34 [review] => 35 ) [trust] => Array ( [government_id] => 4 [utility_bill] => 5 [selfie_photo] => 6 [profile_picture] => 7 [phone_number] => 8 [facebook] => 9 ) [verify] => Array ( [profile_picture] => 10 [government_id] => 11 [selfie_photo] => 12 [utility_bill] => 13 [address] => 14 [name] => 15 [reviewed] => 16 [government_group] => 28 [address_group] => 29 [mobile] => 38 ) [address] => Array ( [complete] => 17 [room_unit_no] => 20 [house_no] => 21 [street] => 22 [subdivision] => 23 [barangay] => 24 [city] => 25 [province] => 26 [postcode] => 27 ) [reviewed] => Array ( [similar_names] => 1 ) [name] => 18 [phone] => 19 [sms_verification_code] => 36 [resend_verification_code] => 37 [address_read] => 39 [first_name] => 100 [middle_name] => 101 [last_name] => 102 [edit] => Array ( [government_id_group] => 40 [address_group] => 41 [mobile_group] => 42 ) [salary_re_entry] => 103 [id_proof_recalibrate] => 104 [email] => 44 [mobile_verification_type] => 45 )
honeypot	Array ( [name_field] => my_name [enabled] => 1 )

HTTP_ACCEPT	/
HTTP_USER_AGENT	Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
HTTP_CONNECTION	Upgrade
SERVER_PORT	80
SERVER_NAME	v1.stage.onlinejobs.ph
REMOTE_ADDR	127.0.0.1
SERVER_SOFTWARE	Apache/2.4.58 (Ubuntu)
HTTP_ACCEPT_LANGUAGE
SCRIPT_NAME	/index.php
REQUEST_METHOD	GET
HTTP_HOST
REMOTE_HOST
CONTENT_TYPE
SERVER_PROTOCOL	HTTP/1.1
QUERY_STRING
HTTP_ACCEPT_ENCODING	gzip, br, zstd, deflate
HTTP_X_FORWARDED_FOR	216.73.217.9
HTTP_DNT

3D VERANDA CONFIGURATOR

Please login or register as jobseeker to apply for this job.

TYPE OF WORK

SALARY

HOURS PER WEEK

DATE UPDATED

Why is this blurred?