Skip to content

feat: thêm trang Tôi thấy...#391

Open
duckocancode wants to merge 2 commits intoJ2TEAM:mainfrom
duckocancode:feat/toi-thay
Open

feat: thêm trang Tôi thấy...#391
duckocancode wants to merge 2 commits intoJ2TEAM:mainfrom
duckocancode:feat/toi-thay

Conversation

@duckocancode
Copy link
Copy Markdown
Contributor

Mô tả

Thêm trang Tôi thấy... — bảng ghim emoji cảm xúc cộng đồng: mỗi người chọn 1–5 emoji mô tả cảm xúc hôm nay rồi ghim lên bảng chung, mỗi ngày một lần.

Tính năng chính

  • Bảng ghim: canvas 3000×3000px có thể kéo và thu phóng (scroll-wheel trên desktop, pinch-to-zoom trên mobile)
  • Ghi chú sticky: hiện ngẫu nhiên trên bảng với màu sắc và góc xoay riêng; ghi chú mới nhất luôn nằm trên cùng
  • Chế độ ghim: kéo ghi chú ghost đến đúng vị trí, xác nhận bằng nút trên điện thoại — toạ độ lưu vào Supabase
  • Giả lập điện thoại: UI điện thoại nửa dưới màn hình, bộ chọn emoji nằm gọn trong vùng nhìn thấy (286px)
  • Toàn bộ Unicode 15.1: 3773 emoji, 9 danh mục tiếng Việt, tải lazy từ public/toi-thay/emojis.json
  • Giới hạn 1 lần/ngày: lưu qua useLocalStorage; khi tải trang tự căn giữa về ghi chú của mình

Kỹ thuật

  • Pointer Events API cho pan/zoom đa chạm, setPointerCapture cho drag mượt
  • Supabase anon key (công khai theo thiết kế, bảo mật qua Row Level Security)
  • useLocalStorage, useEventListener, useTimeoutFn từ VueUse
  • Thêm viewport-fit=cover vào index.html cho env(safe-area-inset-bottom) hoạt động trên Safari iOS

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant