👾 Monster Smash

📝 About the project

Monster Smash is a simple browser game built with Vue.js for learning purposes. Players battle against a monster in turn-based combat, with options to perform regular attacks, special attacks, heal themselves, or surrender. The game features health bars for both the player and monster, with a combat log tracking the damage dealt by each side. Its minimalist design and straightforward mechanics make it an excellent project for practicing basic Vue.js concepts like state management and event handling.

👩🏻‍💻 Technologies

This project uses the following technologies:

• Vue
• Typescript
• TailwindCSS
• Vite
• Vitest
• HTML
• CSS

👀 Live Preview

You can see the project live at the following link: Monster Smash

💻 Prerequisites

Before you begin, make sure you meet the following requirements:

• You have a Windows / Linux / Mac machine;
• You have Git installed and configured.

🚀 Installing and using monster-smash

Install dependencies

bun install

Compile and Hot-Reload for Development

bun dev

Type-Check, Compile and Minify for Production

bun run build

Run Unit Tests with Vitest

bun test:unit

Lint with ESLint

bun lint

📫 Contributing to monster-smash

Here's how to contribute to monster-smash:

1. Fork this repository.
2. Create a branch: git checkout -b <branch_name>.
3. Make your changes and commit them: git commit -m '<commit_message>'
4. Push to the original branch: git push origin monster-smash / <location>
5. Create the pull request.

Alternatively, see the GitHub documentation on how to create a pull request.

🤝 Contributors

We thank the following people who contributed to this project:

Amanda Santos