https://github.com/ninagw/pocket-pets

Gaming App in which you can create, care and play with your virtual pet friends.
https://github.com/ninagw/pocket-pets

javascript nextjs react styled-components zustand

Last synced: 1 day ago
JSON representation

Gaming App in which you can create, care and play with your virtual pet friends.

• Host: GitHub
• URL: https://github.com/ninagw/pocket-pets
• Owner: ninagw
• Created: 2024-05-02T17:40:33.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-02T18:17:16.000Z (9 months ago)
• Last Synced: 2024-05-03T04:30:38.788Z (9 months ago)
• Topics: javascript, nextjs, react, styled-components, zustand
• Language: JavaScript
• Homepage: https://pocket-pets-kappa.vercel.app/
• Size: 34.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# POCKET PETS. Your virtual pet friends

Remember Tamagotchis? 2024 it's called pocket pets. ☺️ This cozy app invites you into a virtual world where you can create and take care of virtual pets. You can play minigames, earn money or visit the pet shop to buy treats, toys and accessoires. A joyful design with weather changes, seasons and music makes it a real gaming experience.

## Key Features

  

🥦 **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.

## Technologies & Tools

[React](https://react.dev/) | [Next.js](https://nextjs.org/) | [styled-components](https://styled-components.com/) | [zustand](https://zustand-demo.pmnd.rs/) | [KaboomJS](https://kaboomjs.com/) | [Node.js](https://nodejs.org/en) | [SWR](https://swr.vercel.app/) | [NextAuth.js](https://next-auth.js.org/) | [MongoDB](https://www.mongodb.com/) | [Mongoose](https://mongoosejs.com/) | [Vercel](https://vercel.com/) | Git | GitHub 

## Agile Workflow & Team

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.

- [Krischan Klug](https://github.com/Krischan-Klug)

- [Markus Sibbe](https://github.com/Miningmark)

- [Nina Weber](https://github.com/ninagw)

## Development

### Local Development

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.