Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/enginkaratas/hearthstone-clone-game
https://github.com/enginkaratas/hearthstone-clone-game
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/enginkaratas/hearthstone-clone-game
- Owner: EnginKARATAS
- Created: 2024-10-16T00:45:12.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-24T10:45:11.000Z (3 months ago)
- Last Synced: 2024-10-24T23:12:22.944Z (3 months ago)
- Language: JavaScript
- Homepage: https://hearthstone-clone-game.vercel.app
- Size: 8.3 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)