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 r