A sleek messaging interface built with React + TypeScript that delays sending messages, allowing users a chance to cancel before the message is sent — simulating "Undo Send" logic similar to Gmail or Twitter.
✅ Delay messages with a countdown timer
✅ Cancel a message before it's sent
✅ Custom delay input (10s / 30s / 60s)
✅ Toast notification when message is sent
✅ Optional message preview
✅ Clean, responsive UI with TailwindCSS + ShadCN
setTimeout()andclearTimeout()for async logic- React
useStatefor managing message, timer, delay - Conditional rendering (Send vs Cancel state)
- UI structure using TailwindCSS + ShadCN
- Folder organization:
components/,pages/,hooks/ - Real-world application of message buffers and undo logic
| Tech | Purpose |
|---|---|
| React + Vite | Frontend App Setup (Fast & Modern) |
| TypeScript | Static Typing |
| Tailwind CSS | Utility-first Styling |
| ShadCN UI | Accessible and beautiful UI Components |
📃 License MIT © Riswan