syui
815dfb26e0
- Add 'hidden md:block' to Bluesky link to hide on mobile - Add 'hidden md:flex' to form inputs to hide on mobile - Keep only the AI icon visible on mobile for cleaner UI - Desktop users still see full navigation 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
card
A React-based card collection viewer with holographic effects.
Overview
- Production URL: card.syui.ai
- API: https://api.syui.ai
Tech Stack
- React 18
- TypeScript
- Vite
- Tailwind CSS
- React Query (TanStack Query)
- React Router v6
Features
- User card collections display
- Holographic effects for special status cards
- Favorite card highlighting
- Responsive grid layout
- Fast initial loading with JSON caching
Development
# Node.js 20+ recommended
$ npm install
$ npm run dev
Build
$ npm run build
$ npm run preview
Environment
The app runs on localhost:8080 by default and uses proxy for API calls during development.