Node.js Demo — Public Page
A showcase of modern frontend patterns: real-time search, drag-and-drop, animated charts, toast notifications, and more — all built with vanilla JS, Tailwind CSS 4, and Font Awesome.
Authentication
Not Authenticated
No valid JWT token found. Log in on
gifts.ie first,
then revisit this page. The Node.js app reads the same
osC_at cookie.
Server Info
| Runtime | Node.js v22.17.1 |
| Platform | linux |
| Server Time | 2026-03-20T13:26:36.877Z |
| Uptime | 103s |
Real-Time Search
Client-side filtering with debounced input — type to search gift products instantly.
Sales by Category
Animated horizontal bar chart built with pure CSS and JS — no chart library required.
Drag & Drop Sortable List
Reorder items using native HTML5 Drag and Drop API — no external library.
Current Order
Toast Notifications
Click buttons to trigger stacking notifications. They auto-dismiss after 4 seconds.
Features
- Slide-in animation from right
- Auto-dismiss after 4 seconds
- Manual close button
- Multiple toasts stack vertically
- Progress bar countdown
Modal Dialog
Uses the native <dialog> element with backdrop blur, form validation, and a success animation.
Frequently Asked Questions
Smooth accordion with CSS grid row animation — only one item open at a time.