Full-Stack Developer Needed for Spec-Driven AI ESL Web App (Milestone-Based MVP)

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

: TYPE OF WORK

Any

: SALARY

$5-8 / hour

: HOURS PER WEEK

15

: DATE UPDATED

Apr 4, 2026

JOB OVERVIEW

Full-Stack Developer Needed for Spec-Driven AI ESL Web App (Milestone-Based MVP)

I am an ESL (English as a Second Language) instructor building a simple, focused web application for teachers.

The goal of the app is to allow teachers to paste any text and instantly generate structured lesson materials.

This is an MVP (minimum viable product). The design, layout, and behavior are already fully defined and must be followed exactly. This is a spec-driven build, not a design project.

I am looking for a developer who can execute cleanly, follow detailed specifications, and build the project in milestones.

?

What You Will Build

A web app with:
• Two-panel layout (desktop)
• Left: text input and generated output
• Right: lesson settings
• Core features
• Paste text input
• Select lesson options (checkboxes with quantity inputs)
• Generate content using OpenAI (ChatGPT API)
• Toggle between “Original” and “Leveled” content (no page reload)
• Regenerate output
• View previous version
• Download DOCX file (clean, formatted)
• Mobile responsiveness
• Desktop: two-pane layout
• Mobile: stacked vertical layout
• Stripe integration
• Stripe should be integrated during the MVP build
• It will not be active at launch
• It should be set up so payment/subscription features can be turned on later without a major rebuild

?

Technical Requirements
• Frontend: React (preferred) or similar modern framework
• Backend: Node.js (or similar)
• AI Integration: OpenAI API (ChatGPT)
• File Export: DOCX generation
• Payment Integration: Stripe (inactive at launch, ready for later activation)

?

Important Notes
• Full Balsamiq layout will be provided
• Full functional specification (UI + behavior) will be provided
• Full UI color specification will be provided
• Inspiration images for visual direction will be provided
• You must follow the provided structure and behavior exactly
• Do not redesign the interface

?

Validation and Fixer Layer (Important)

The system must include both a validation layer and a fixer layer.

Validation Layer

AI-generated output must be automatically checked before being shown to the user.

The validator should detect issues such as:
• missing or blank answers
• incorrect or incomplete answer keys
• malformed question sets
• formatting inconsistencies
• broken structure in generated output

Fixer Layer

If issues are detected, the system should automatically correct them before the user sees the result.

This may include:
• automatically regenerating the full output
• regenerating only the broken section
• correcting formatting issues
• ensuring the final output is clean and usable

This entire process must be:
• seamless
• automatic
• invisible to the user

The goal is for the teacher to receive output that is reliable, classroom-ready, and does not require extra fixing.

?

Milestones (Important)

This project will be completed in phases. Not all features will be built at once.

Milestone 1 – Core UI Build
• Build the frontend interface exactly according to the provided spec
• Implement two-panel layout
• Implement scrollable panel behavior
• Implement fixed bottom action area
• Ensure responsive layout (desktop and mobile)

Milestone 2 – Core Generation Workflow
• Integrate OpenAI (ChatGPT API)
• Generate output based on user input and selected settings
• Implement toggle between “Original” and “Leveled”
• Implement regenerate and previous version behavior

Milestone 3 – DOCX Export + Validation/Fixer Layer
• Implement clean DOCX export
• Implement validation layer
• Implement fixer layer
• Ensure output is usable and consistently formatted

Milestone 4 – Stripe Setup
• Integrate Stripe in inactive mode
• Prepare payment/subscription system for later activation
• No live payments at launch

Each milestone will be reviewed and approved before moving to the next.

?

What I’m Looking For
• Strong attention to detail
• Ability to follow specifications precisely
• Experience building clean, simple web apps
• Experience working with OpenAI API
• Experience with Stripe integration
• Good communication
• Comfortable working in milestone-based phases

?

Budget
• Target: $1,000–$2,000 total for MVP
• Payment will be milestone-based

?

To Apply

Please include:
1. Examples of similar web apps you’ve built
2. Your experience with OpenAI API
3. Your experience with Stripe integration
4. A short message confirming you understand this is a spec-driven, milestone-based build
5. Briefly explain how you would approach the validator + fixer layer

?

Bonus Question

Please answer this in your application:

How would you implement a fixed action bar with a scrollable settings panel?

SKILL REQUIREMENT

Javascript React JS API Integration

SHARE THIS POST

Job Post	Reporter	Rank	Reason	Date

BENCHMARKS

Loading Time: Base Classes	0.0010
Controller Execution Time ( Jobseekers / Job )	0.0171
Total Execution Time	0.0189

GET DATA

No GET data exists

MEMORY USAGE

1,510,200 bytes

POST DATA

No POST data exists

URI STRING

jobseekers/job/Full-Stack-Developer-Needed-for-Spec-Driven-AI-ESL-Web-App-Milestone-Based-MVP-1616760

CLASS/METHOD

jobseekers/job

DATABASE: onlinejobs (Jobseekers:$db) QUERIES: 13 (0.0092 seconds) (Hide)

0.0005	`SELECT * FROM exrates WHERE rate_name = 'USD-PHP'`
0.0006	SELECT * FROM `employer_jobs` WHERE `job_id` = 1616760 LIMIT 1
0.0004	SELECT * FROM `employers` WHERE `employer_id` = 920347 LIMIT 1
0.0010	SELECT COUNT(*) AS `numrows` FROM `t_thread` `t` LEFT JOIN `t_thread_misc` `misc` ON `t`.`id` = `misc`.`thread_id` WHERE `t`.`job_id` = 1616760 AND `misc`.`id` IS NULL
0.0007	SELECT e.business_name, e.logo, e.website, e.rebill_date, e.date_added member_date, hits, DATEDIFF('2026-04-17',ej.date_added) duration_days, DATEDIFF('2026-04-17',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-04-17',ej.date_added) <= 14 )) AND e.deactivate != 1 AND ej.deleted = 0 AND job_id = '1616760'
0.0003	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1616760
0.0012	`UPDATE employer_jobs SET hit_counts = '*Apr-04-2026=623Apr-05-2026=139Apr-06-2026=167Apr-07-2026=69Apr-08-2026=31Apr-09-2026=26Apr-10-2026=15Apr-11-2026=9**Apr-17-2026=1' WHERE job_id= '1616760'`
0.0020	`UPDATE employer_jobs SET monthly_hits = '***Apr-2026=1079' WHERE job_id= '1616760'`
0.0011	`SELECT date_sent FROM jobseeker_sent_emails WHERE jobseeker_id = '' AND job_id = '1616760' AND status LIKE 'sent%' ORDER BY id DESC`
0.0004	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1616760
0.0004	SELECT COUNT(*) AS `numrows` FROM `employer_jobs` WHERE `employer_id` = '920347' AND `date_added` >= '2022-06-08'
0.0005	`select * from teasers`
0.0003	`SELECT * FROM skill_categories WHERE skill_cat_id=''`

HTTP HEADERS (Show)

SESSION DATA (Show)

__ci_last_regenerate	1776431281
last_page	https://v1.stage.onlinejobs.ph/jobseekers/job/Full-Stack-Developer-Needed-for-Spec-Driven-AI-ESL-Web-App-Milestone-Based-MVP-1616760
csrf-token	d3c061296deed227b47b882825f6dbdb

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.stage.app.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.216.214
HTTP_DNT

Full-Stack Developer Needed for Spec-Driven AI ESL Web App (Milestone-Based MVP)

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

TYPE OF WORK

SALARY

HOURS PER WEEK

DATE UPDATED

Why is this blurred?