app/src/App.tsx
TypeScript
Root component that sets up the Solana wallet adapter context. Configures the Devnet connection and wraps the game in wallet providers for seamless blockchain interaction.
app/src/components/Game.tsx
TypeScript
Main game container managing the full game flow — wallet connection state, loading indicators, mint form toggle, and pet card rendering. The central orchestrator between UI and blockchain hooks.
app/src/components/NeuroBeastCard.tsx
TypeScript
Displays pet stats with color-coded animated gradient bars (health, happiness, hunger, energy). Includes action buttons for feeding and playing with loading state management and contextual disabled states.
app/src/components/MintForm.tsx
TypeScript
Form component for creating new NeuroBeast NFTs. Handles name input with character limits, species selection from 10 types, form validation, and minting state with loading indicators.
app/src/index.css
CSS
Global styles featuring a purple-to-violet gradient background, card-based layouts with drop shadows, animated stat bars with distinct gradient fills per stat type, and smooth button hover effects.