Remember Tamagotchis? 2024 it's called pocket pets.
🥦 Caring & Interacting: From feeding and grooming to playing and training, every interaction with your pets is designed to be both enjoyable and rewarding. By creating your virtual pets you can choose between 12 cute characters depending on your favorite animals or your actual pets at home.
🐶 Pet shop: Visit the local shop to buy your pets a new day bed, a delicious treat or special birthday present. Browse through the food isle or do your weekly grocery shopping to stock up your food items.
🕹️ Minigames: In four entertaining minigames you can interact with your pets. As you walk, train and play, you increase the health levels of your animals and earn money to buy more expensive items in the shop.
❤️ Love for details: Weather changes, seasons and music creating a warm and inviting atmosphere. Your virtual pets are brought to life with small animations and endearing expressions, making it easy to form a deep bond with them.
📱 User-Friendly Interface: Pocket pets is designed to be your seamless companion throughout your gaming experience. The interface is intuitively designed, allowing you to navigate effortlessly through the various features and activities available for your little companions.
React | Next.js | styled-components | zustand | KaboomJS | Node.js | SWR | NextAuth.js | MongoDB | Mongoose | Vercel | Git | GitHub
The project was implemented in an agile workflow. User stories, pull requests and QAs as well as weekly sprint reviews ensured the code quality. In addition, daily stand ups, a project board on GitHub and close coordination within the team helped implementing the shared vision. The team also used wireframes using Excalidraw to bring their ideas to life and the design consistent. All important design elements such as colors, images or fonts were collected on a shared Figma board.
To work locally, please install the dependencies using npm i first.
Add local environment variables for MongoDB connection string. To do so create .env.local file in the project's root. Check the env.example file, copy paste the variables into the .env.local and complete it with the corresponding values.
Run npm run dev to start a development server and open the displayed URL in a browser.