Coffee&Code https://youtu.be/Zl72hXsj-_s
Stake Crypto → Power Up Your Favorite Anime Characters
AnimeStake is a fun, visually engaging Web3 dApp where users stake tokens on anime characters and watch them level up in real-time with stunning animations.
Built for high-impact demos and fast dev sprints ⚡
AnimeStake combines Web3 staking mechanics with anime fandom.
- Connect your wallet
- Stake tokens on your favorite characters
- Watch their Power Level increase dynamically
- See characters evolve visually with animations
💡 The more you stake → the stronger they become
- Connect wallet using Wagmi + Viem
- Supports quick authentication & transaction simulation
- Fetches real anime character data from Jikan API
- Displays:
- Character image
- Name
- Current Power Level
- Stake button
- Stake BRICK tokens (or mock ETH)
- Simple modal to input stake amount
- Simulated on-chain interaction
- Smooth animations using Framer Motion
- Effects include:
- Scaling cards
- Glow effects
- Particle-like visuals
- View characters you've staked on
- Track total power contribution
We used Lovable, ChatGPT and ClaudeAI for the website.
| Category | Tech |
|---|---|
| Frontend | React + Vite |
| Styling | Tailwind CSS |
| UI Components | shadcn/ui / NextUI |
| Web3 | Wagmi + Viem |
| Animations | Framer Motion |
| API | Jikan API |
| Notifications | Sonner |
| Icons | Lucide React |
| Charts (opt) | Recharts |
- Jikan API (MyAnimeList unofficial)