anniversary-story-template

เจ้าของผลงานเล่าไว้แบบนี้

💌 เว็บเซอร์ไพรส์ครบรอบสำหรับคนพิเศษ — Thai anniversary-surprise website template: passcode envelope, auto-scroll story timeline, polaroid collages. Customize with Claude Code in ~15 min. anniversary, claude-code, cloudflare-workers, couple, love, nextjs, react, template, thai, valentine https://anniversary-story-template.northkraisorn.workers.dev # 💌 anniversary-story-template **เว็บเซอร์ไพรส์ครบรอบสำหรับคนพิเศษ — เปิดซองด้วยรหัสลับ เล่าเรื่องของคุณสองคนปีต่อปี จบด้วยคำถามที่ปุ่ม "ไม่" กดไม่ได้** ทำเองได้ใน ~15 นาทีด้วย [Claude Code](https://claude.com/claude-code) โดยไม่ต้องเขียนโค้ดเป็น — แค่ลากรูปใส่โฟลเดอร์ แล้วบอก Claude ว่าเรื่องของคุณเป็นยังไง <p align="center"> <img src=".github/assets/cover.jpg" alt="หน้าปกซองจดหมายพร้อมตราครั่งรูปหัวใจ" width="820"> </p> <p align="center"> <img src=".github/assets/intro.jpg" alt="หน้า intro หลังใส่รหัสถูก" width="410"> <img src=".github/assets/chapter.jpg" alt="คอลลาจรูปโพลารอยด์ของบทที่สอง" width="410"> </p> > 🔗 **ลองเล่นเลย:** [anniversary-story-template.northkraisorn.workers.dev](https://anniversary-story-template.northkraisorn.workers.dev) · รหัสของ demo คือ `1402` ## ✨ ลูกเล่นที่มีให้ ซองจดหมาย + ตราครั่งกดได้ · รหัส 4 หลักพร้อมคำใบ้ (กรอกผิดมีแมวมองแรง) · เล่าเรื่องเลื่อนจอเองอัตโนมัติ (แตะเพื่อหยุด) · timeline ด้ายแดงสลับซ้าย-ขวา 1–8 บท · คอลลาจรูปแบบโพลารอยด์ 2–6 รูป/บท · ประโยค "พิมพ์ผิดแล้วแก้" พร้อมเสียงกริ๊ง · เพลงประกอบจาก YouTube/Spotify (embed) · คำถามสุดท้ายที่ปุ่ม "ไม่" วิ่งหนี + confetti ตอนตอบใช่ · รองรับมือถือ/iPad + reduced motion ## ⚠️ ก่อนเริ่ม — สร้าง repo แบบ Private เสมอ กดปุ่ม **"Use this template" → Create a new repository → เลือก Private** - **อย่ากด Fork** — fork ของ repo public จะเป็น public เสมอ ชื่อ/ข้อความ/รหัสใน config ของคุณจะโผล่ให้คนทั้งโลกเห็น (แฟนคุณด้วย 🙃) - รูปของคุณไม่มีทางเข้า git อยู่แล้ว (`content/photos/` ถูก g

โดย HaNorthRich · ดูโพสต์ต้นทาง