Skip to content

Add Tinder and TikTok viewing modes with interactive swipe gestures#22

Open
TimotheeDvt wants to merge 2 commits intorebane2001:manefrom
TimotheeDvt:different-display-mode
Open

Add Tinder and TikTok viewing modes with interactive swipe gestures#22
TimotheeDvt wants to merge 2 commits intorebane2001:manefrom
TimotheeDvt:different-display-mode

Conversation

@TimotheeDvt
Copy link

@TimotheeDvt TimotheeDvt commented Feb 11, 2026

This PR introduces two new viewing modes

Changes:

  • Tinder Mode: Card-stack interface with swipe-to-like/skip functionality.

    • Support for touch gestures (touchstart, touchmove, touchend) on mobile.

    • Keyboard support (Arrow keys) for desktop.

    • Visual feedback: animated heart (❤️) and cross (✖️) indicators.

  • TikTok Mode: Vertical full-screen scrolling feed using CSS Scroll Snapping.

    • Optimized rendering loop for continuous loading.
    • Hidden scrollbars
  • UI/Settings:

    • New "View Mode" selector in the Settings modal.
    • Updated CSS for card positioning and scroll-snap.
  • Version Management:

    • Incremented HTML_VERSION to 1.1.5 in index.html.
    • Updated SW_VERSION in sw.js and synchronized version.json.

Testing:

  • Verified that categoryScores updates correctly via swipe actions.
  • Confirmed the "Classic" mode remains functional.

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