NeuroPet
Raise. Train. Code. Evolve.
Client
Self
Year
2025-05-01
Agency
Freelance
Role
FrontendLab
Tech
ReactTypeScriptTailwind CSSZustandGame DesignElectron js



Background:
Cyber-pet 🐣 is a simulation-based virtual pet game designed to combine the charm of digital pet care with the challenge and satisfaction of learning technology skills. The game allows players to raise and evolve a pet while teaching it various programming disciplines, blending entertainment with skill-building in an innovative way.Objective:
The goal was to build an engaging educational simulation game that immerses users in both pet management and technical learning. Inspired by classics like Tamagotchi and RPG skill trees, the project set out to integrate real programming paths (HTML, JS, backend, etc.) into a gamified evolution system—using modern web technologies for high performance and flexibility.Approach:
-
Concept Design & Game Mechanics:
Starting with brainstorming and sketching mechanics, the core gameplay was centered around pet evolution, skill development, and interactive challenges. The game design emphasized player choices and consequences, such as selecting different evolution paths (Intellectual, Rebellious, etc.) and balancing pet stats (energy, hygiene, happiness). -
Technical Architecture:
The project was built using React 18 and TypeScript for type safety and component scalability. Tailwind CSS and Material UI were used for styling and UI consistency, while Zustand managed complex game states efficiently. The development environment was optimized using Vite for fast bundling and hot reloading. -
Gameplay Systems:
A comprehensive skill tree system was implemented, allowing pets to level up in various programming fields with mastery levels and prerequisites. Other systems included an in-game economy with job roles, stock trading, hacking missions, and collaborative education. A stats system (hunger, energy, happiness, etc.) ensured immersive and varied play. -
Interactive Features & Social Layer:
Social features were prototyped, including pet-to-pet interaction, dating systems, and cooperative quests. Dynamic environmental features like weather and item crafting added depth and re-playability. -
Testing & Iteration:
Continuous playtesting and feedback loops were essential. Bugs and balance issues were identified through simulated scenarios and manual QA, ensuring stability and user engagement throughout.