Project
Card Scanner
Interface visual inspired by digital scanners
The Card Scanner is a visual interface inspired by digital scanners that simulates a 'conveyor belt' of cards passing through a reading line. As the card crosses the scanner, it alternates between a realistic version and an ASCII/encoded version, creating a futuristic scanning effect with particles and glow. The project also includes interaction controls (pause, reset and direction), allowing adjustment and testing of the animation behavior as a basis for future evolutions (editor, flip and card stream).
TypeScript Next.js CSS TailwindCSS
Destaques
- Design system and responsive screens
- TypeScript and Next.js architecture
- Responsive interface with Tailwind CSS