How kanithecder89/animated-business-card-maker works
The README describes an animated business-card maker, but the sampled JavaScript implements shopping-page interactions instead: rotating product and hero images, cart feedback, subscription discounts, a countdown, and dark-mode persistence. The tree contains an HTML entry page, but its contents were not sampled, so documented card-editing, QR, and download capabilities are shown as README-described rather than verified runtime behavior.
Main entry points: script.js Page interactions · index.html Web page · styles.css Page styles
Components 13
Page experience
- Web page
index.html - Page styles
styles.css - Card editing
index.html - QR integration
index.html - Card download
index.html
Shopping interactions
- Page interactions
script.js - Product display
script.js - Cart feedback
script.js - Subscription offer
script.js - Shopping sites
Preferences
- Dark mode
script.js - Browser storage
Other components
- Visitor
Connections 12
- Visitor → Web page: opens
- Visitor → Page interactions: interacts
- Web page → Page styles: styled by
- Page interactions → Product display: rotates images
- Page interactions → Cart feedback: updates count
- Page interactions → Subscription offer: validates email
- Page interactions → Shopping sites: redirects to
- Page interactions → Dark mode: toggles
- Dark mode → Browser storage: reads and writes
- Visitor → Card editing: edits
- Visitor → QR integration: uses
- Visitor → Card download: downloads