Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/enginkaratas/hearthstone-clone-game


https://github.com/enginkaratas/hearthstone-clone-game

Last synced: 5 days ago
JSON representation

Awesome Lists containing this project

README

        

# Hearthstone Clone App
browser play link: [Hearthstone Clone App](https://hearthstone-clone-game.vercel.app/) (all devices)

## Overview
A fan-made card game inspired by Blizzard Entertainment's Hearthstone, featuring turn-based gameplay with character selection, resource management, and card combat mechanics.
![image](https://github.com/user-attachments/assets/d808f5fa-9d36-427c-8b73-a0458aef7477)

## Game Features

### Character Selection
- Multiple hero characters available
- Unique abilities per character
- Custom starting decks

### Core Gameplay
- Turn-based combat system
- Mana crystal resource management
- Card drawing and deck management
- Strategic combat interactions
- Against computer mode, a game BOT

## Features
- 100+ multilingual card design
- 11+ card cast skill type(can add more types like minion type, card type(taunt, divine shield, stealth etc)
- EN/TR language options
- Awesome animations
- Dynamic card rendering
- Responsive design for all screens (mobile, tablet, pc screens)

## Development

### Setup
1. Clone repository
2. Install dependencies
``` npm i ```
4. For every build time you must run tailwind and vite
#### 4.3 For Vite
``` npm run dev ```
#### 4.2 For Tailwind
``` npx tailwindcss -i ./src/App.css -o ./src/output.css --watch ```

### Card Cast Skill Types


Health Skills


HealRandomCard
Gives 1 health to a random card


HealHero
Gives 1 health to the hero


HealCard
Gives 1 health to a random card


HealAllCards
Gives 1 health to all cards


Damage Skills


DealRandomEnemy
Deals 1 damage to a random enemy


DealAllEnemyMinions
Deals 1 damage to all opponent's minions


DealAll
Deals 1 damage to everyone in the game


DealAllEnemy
Deals 1 damage to all enemies


Give Back Skills


ReturnToHandAndGiveHealth
Destroys a card, returns it to your hand with an amount/amount attack/health buff


Card Drawing Skills


DrawCard
Draw a card


Empowerment Skills


EmpowerRandomCard
Empowers a random card by 1


Armor Skills


GainArmor
Gives armor to your hero


Special Skills


GainHealthAmountOfCardsInYourHand
Gains health equal to the number of cards in your hand

### Tech Stack
- Frontend: React, Redux, Tailwind CSS, Vite, TypeScript
- i18next for localization
- Custom game logic systems

## Contributing
Open sourced and contributions welcome! Please fork and submit pull requests.

## License
MIT License

## Acknowledgments
Thanks to the people for their support and contributions.


  • Yavuz Celiker

  • Mustafa Ozkan

  • Ahmet Salih Balandi

  • Azad Karataş

  • Hasan Eskin


# Card types

## Game Overview
![blizzardafslorerhearthstone_736361b](https://github.com/user-attachments/assets/05b067f4-22dc-4381-9e59-ac747c73e256)

## Card Process Stream

![image](https://github.com/user-attachments/assets/64b745da-e3b6-401f-a399-346d52fbcb20)

## Card Pairing Algorithm

![image](https://github.com/user-attachments/assets/116f38e5-149e-42ed-8dd1-3264a70479d5)

## End turn card destiny algorithm

![image](https://github.com/user-attachments/assets/2ae47007-41e1-42bc-8fda-ad91f854957f)

# Card Gallery

![11-07-2024 (02-52-33)](https://github.com/user-attachments/assets/3e42b5c9-7a7f-449f-b24f-4d807b9b9cd3)

## Character Selection & Menu Showcase

![image](https://github.com/user-attachments/assets/0062699b-e2bf-4028-a399-dfae837d1946)

![image](https://github.com/user-attachments/assets/6c2c314c-0abf-4499-9a20-49b9d79e2bd7)

![image](https://github.com/user-attachments/assets/79a8b086-6b40-4a78-a9e6-ed9e07dcce5f)

![image](https://github.com/user-attachments/assets/dc33e333-a694-42cd-a2a6-75d5040f4869)

![image](https://github.com/user-attachments/assets/317c70b8-60a7-4f5b-8618-1d3e29f94d2f)

![image](https://github.com/user-attachments/assets/0c26d4a8-7e07-4c95-a888-4ea3051636f4)

![image](https://github.com/user-attachments/assets/7be864db-250a-4b6f-8b8a-2fcf4f1f69ba)

## Visual Progress
### Latest Screenshots from Hearthstone Clone (Most Recent First ⬆️)

## Gameplay Screenshots

![image](https://github.com/user-attachments/assets/a60c573d-30d0-4d5e-a362-284bdb1cbb91)

![image](https://github.com/user-attachments/assets/73df14f9-16c7-4cfe-bec4-9e62941af1f1)

![image](https://github.com/user-attachments/assets/2a158bfe-7112-4d35-a63a-3f4fd6c1d631)

![image](https://github.com/user-attachments/assets/25586fb0-f2b9-4bc8-85cc-26876d3c9b84)

![image](https://github.com/user-attachments/assets/703c7924-f72d-4b43-8d07-840a4635e2a9)

![image](https://github.com/user-attachments/assets/4da084a8-9764-452e-b70e-75193880d235)

![image](https://github.com/user-attachments/assets/b1f04ea6-98a2-4310-81e4-781b7cf663e6)

![image](https://github.com/user-attachments/assets/324de574-ea6b-4edc-8b10-c2615e11adec)

![image](https://github.com/user-attachments/assets/c40bde19-eef7-4b50-ac69-bf39bdccca22)

![image](https://github.com/user-attachments/assets/233019da-0465-40cc-a258-a95f663e6179)

![image](https://github.com/user-attachments/assets/b7e1b784-960a-4ebd-bacf-f0984343176f)

![image](https://github.com/user-attachments/assets/2df4917d-38f9-4d7b-a06f-49d550b1c917)