https://github.com/almond-bongbong/react-swipe-deck
🔥 Interactive React showcase featuring a swipeable card deck UI for mobile, enabling users to express likes or dislikes with smooth animations.
https://github.com/almond-bongbong/react-swipe-deck
card-decks react tinder tinder-swiper
Last synced: 7 months ago
JSON representation
🔥 Interactive React showcase featuring a swipeable card deck UI for mobile, enabling users to express likes or dislikes with smooth animations.
- Host: GitHub
- URL: https://github.com/almond-bongbong/react-swipe-deck
- Owner: almond-bongbong
- Created: 2024-03-12T22:26:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-04T11:00:13.000Z (10 months ago)
- Last Synced: 2025-03-27T06:18:35.698Z (7 months ago)
- Topics: card-decks, react, tinder, tinder-swiper
- Language: TypeScript
- Homepage: https://almond-bongbong.github.io/react-swipe-deck/
- Size: 1.75 MB
- Stars: 19
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-swipe-deck
[Check out the live demo!](https://almond-bongbong.github.io/react-swipe-deck/)
## 📖 Overview
`react-swipe-deck` is a React component inspired by both Slack's catch up feature and Tinder's card swiping interface. It provides a fun and engaging way for users to interact with content by swiping cards left or right. 🚀✨
## 🛠️ Main Tech Stack
This project uses the following main tech stack:
- **TypeScript**
- **React**
- **Vite**
## ✨ Features
- 🚀 **Swipe/Drag Functionality**: Swipe cards left or right to interact.
- 💻 **Responsive Design**: Optimized for desktop and mobile devices.
## 🚀 Usage
- **Swipe Left**: Dislike the content.
- **Swipe Right**: Like the content.
## 📄 License
This project is licensed under the MIT License
## ⭐️ Show Your Support
Give a ⭐️ if you found this project interesting and helpful!