Freelancer.com Milestone Plan: "Shareable Screenshot" Micro-Tools Site

Freelancer.com Milestone Plan: "Shareable Screenshot" Micro-Tools Site
Project Type: Fixed-Price
Total Budget: $100 – $300 USD (5 milestones)
Duration: 7 – 18 business days

I. Milestone Overview
ID Name % Amount (at $300) Days
M1 Technical base + card template + Tool ① Valuer 25% $75 1–4
M2 Tool ② Personality Test + Tool ③ Stance Voter 25% $75 5–8
M3 Cold-start validation + first tuning round 15% $45 9–11
M4 Tool ④ Group Poll + Tool ⑤ Digital Bouquet 25% $75 12–16
M5 Tool ⑥ Pseudo-AI (moderation fallback) + site-wide acceptance 10% $30 17–18
II. Detailed Milestones
M1: Technical Foundation + Card Template + Tool ① Valuator (25%)
Deliverables:

Unified front-end skeleton (single-page HTML + Vanilla JS) with defined JSON config structure.

Card template: html2canvas → 1080×1920 PNG, output within 1 second.

Tool ① "Value Calculator": username input → 1.5s "Analyzing…" animation → large figure + witty copy + 9:16 card download.

Prominent disclaimer: "No login, no authorization, username not stored."

No API calls, no database, no authentication.

Acceptance Criteria:

Input completed within 2 seconds of opening; results within 3 seconds.

"Save Image" downloads PNG with product name + short-link watermark.

Valuation exaggerated via configurable coefficients; copy dynamically adjusts by value range.

Source: Unified Plan Ch. 3, Tool ① (P0).

M2: Tool ② Personality Test + Tool ③ Stance Voter (25%)
Deliverables:

Tool ②: 10 binary-choice questions; JSON config for 8–12 archetypes; result card with archetype name (large), three trait bars, playful descriptor.

Tool ③: JSON config for trending topics (title, two stance options, dynamic A/B copy); voting page; vote-distribution bar chart; 9:16 meme-style card.

Both reuse M1 card template; only data source and text logic change.

Disclaimers: "For entertainment only—don't take it seriously" (Tool ②) and "This poll reflects internet users' views only, not endorsed by the platform" (Tool ③).

Acceptance Criteria:

Tool ②: 10 questions within 60 seconds; direct to result card, no intermediate text report.

Tool ③: single-click vote, no registration or confirmation; card appears immediately after voting.

Both cards downloadable as 1080×1920 PNG with dynamic copy.

Sharing copy reflects the specific result (e.g., "I'm a sentient Ctrl key!" or "I'm part of that 32%!"), not generic "I took the XX test."

Source: Unified Plan Ch. 2 (Tools ②③, P0) and Ch. 4 (Three-Tier Screenshot Hooks).

M3: Cold-Start Validation + Initial Parameter Tuning (15%)
Deliverables:

Execute Day 1 cold-start: generate content with Tools ①②③, screenshot, distribute to 3 real group chats (client executes; developer provides technical support).

One tuning round based on initial feedback (JSON config only; no code architecture changes).

Tuning log: which parameters changed, rationale, whether spontaneous screenshot sharing occurred afterward.

Acceptance Criteria:

At least one full closed loop: "Generate card → post to group → observe screenshot response."

If no spontaneous screenshots within 72 hours, implement ≥3 adjustments from the standardized checklist (e.g., multiply values ×10; revise copy to speak for the user; change options to "what type of person are you?").

No new features added.

Note: This milestone validates the core hypothesis—"Are the cards compelling enough to warrant screenshots?"—before committing further development. If validation fails, subsequent milestones may be renegotiated, scaled back, or redirected.

Source: Unified Plan Ch. 5 (Cold-Start Cadence & Tuning Checklist).

M4: Tool ④ Group Poll Finisher + Tool ⑤ Digital Bouquet (25%)
Deliverables:

Tool ④: Next.js dynamic route (/v/[id]); three endpoints (create/vote/query); Cloudflare KV storage; OG preview (1200×630, question + real-time votes); "share back to group" prompt.

Tool ⑤: Next.js dynamic route (/b/[id]); three-step creation (style / message ≤60 chars / nickname); creator_token share-lock; delivered status flag; soft CTA on recipient page; OG preview.

24-hour auto-cleanup for Tool ④.

Acceptance Criteria:

Tool ④: initiator generates and auto-copies link in ≤3 steps; voter clicks once, sees results within 3 seconds; OG preview shows real-time vote counts.

Tool ⑤: creator cannot download watermark-free version until link shared; download unlocks when recipient opens; recipient page offers only gentle CTA ("Send a bouquet yourself")—no reciprocity pressure.

Both links show dynamic preview images in chat—not blank or suspicious.

Source: Unified Plan Ch. 2 (Tools ④⑤, P1) and Ch. 3.

M5: Tool ⑥ Pseudo-AI (Moderation Fallback) + Site-Wide Acceptance (10%)
Deliverables:

Tool ⑥: dual-tab (Human / AI Persona); points loop (1 point for new users, cap 10); 60s countdown; text input + basic drawing canvas; watermarked screenshot card; recipient conversion prompt ("Try playing the AI yourself →").

Moderation fallback: keyword filter + Report button + explicit ban warning.

Complete site-wide acceptance checklist (Unified Plan Ch. 7, all items).

Acceptance Criteria:

Points exhausted → must answer ≥1 question before new query.

Countdown shows taunting copy (generic version of "Otherwise Sam Altman will burn your H100s").

Completion shows watermarked card with "Share this lousy answer on X."

Keyword filter active; Report button functional and logs reports.

No AI-detection, scoring, leaderboards, or user accounts anywhere on site.

Source: Unified Plan Ch. 2 (Tool ⑥, P2) and Ch. 6.

III. Freelancer.com Bidding Guidelines
Suggested Title: Build a Zero-Backend "Screenshot-Ready" Micro-Tools Site (6 Tools, 1 Codebase)

Skill Tags: HTML · JavaScript · Next.js · Cloudflare · Web Development

Milestone Statement (paste into "Request milestone payments"):

ID Task Description Amount
M1 Unified frontend skeleton + card template (html2canvas, 1080×1920) + Tool ① X Value Calculator (fully functional, JSON-configured, zero-backend) $75
M2 Tool ② Career Personality Test (10 questions, 8–12 archetypes via JSON) + Tool ③ Gossip Stance Voter (vote → card, no registration); both reuse M1 card template $75
M3 Cold-start validation support + tuning round (JSON-only, no new features); tuning report delivered $45
M4 Tool ④ Group Poll Terminator (Next.js dynamic route + KV + OG preview) + Tool ⑤ Digital Bouquet (creator_token lock + recipient page + OG preview) $75
M5 Tool ⑥ Human-Pretending AI (2 tabs, credit loop, 60s timer, keyword filter + report button) + full-site acceptance checklist $30
Total $300
Note: The table above reflects the original draft's $250/$250/$150/$250/$100 line items (total $300); adjust proportionally if the bid total differs.

IV. Additional Notes for Bidders
Technical Constraints (strict):

Tools ①②③⑥: single-page HTML + Vanilla JS; no frameworks, APIs, or databases.

Tools ④⑤: Next.js static export + Cloudflare Workers/Vercel Edge Functions + KV; limited to three endpoints.

All tools: no login, no authorization; no storage of usernames or response history.

Card page contains only one button: "Save Image."

Tuning Over Features: If cold-start validation underperforms, adjustments are limited to: valuation coefficients, copy refinement, fewer questions, or shorter countdown. AI detection, scoring systems, leaderboards, or user accounts will not be accepted.

Delivery: After each milestone, provide an independently accessible preview link + source code. M3 results determine whether M4 proceeds as planned.

Source: "Screenshot-as-Sharing" Lightweight Tool Matrix, Unified MVP Website Proposal, Ch. 2–8.

Appendix: Freelancer.com Milestone Mechanism
The Milestone Payment system requires the client to deposit funds at milestone creation. Funds are held in escrow and released to the freelancer only after the client confirms satisfactory delivery. Recommended: create M1 at project award to demonstrate payment intent and expedite launch. Freelancers should verify M1 funds are in escrow before starting work.