tl;dr:

See the project live here: https://stackblitz.com/github/DonAbdulRob/LootQuest4
check the 'How to Play' section below if the link isn't working for any reason

Project Features:

• Richly-featured modernized turn-based game with sandbox-style gameplay and various optional boss-objectives.
• Floating Windows that can be collapsed, expanded, dragged and resized, all made using pure HTML, JS and CSS.
• CSS Variables, Zustand, W3.CSS and a bunch of other technologies integrated with hook-based React components.
• Hand-configured Jest integration with Typescript, Babel, Zustand and React. (no react-scripts)
• Dynamic, responsive and instant total website retheming.
• And Much More!

Game Description

Loot Quest is a traditional turn-based game made modern. Set in an ultra-difficult world full of intricate and one-of-a-kind mechanics, you'll start as a humble peasant with no items, fame or reputation to your name. Struggle your way toward greater strength and conquer. Or, succumb to the environment around you and be conquered.

Features:

• A lore-rich world with descriptive items and monsters.
• A traditional turn-based combat system with plenty of items to battle for all kinds of loot.
• Travel and explore systems to travel to various areas and explore them to experience many unique encounters.
• Crafting system that involves using materials at town forges to create new items.
• Shop system to buy items from towns.
• Spells, abilities, equipment slots and other character customizations.
• Versatile UI with draggable windows and customizeable color themes.
• Save and Load Systems to save game progress.
• And More!

How to Play

You can follow the build instructions in 'To Build This Project' below to play this game if you are able to download this repo and already have (or are willing to download and install) node/npm. Otherwise, I recommend loading it up using your preferred online development environment. Example, Stackblitz: https://stackblitz.com/github/Destro168/LootQuest3

Troubleshooting Note: If Stackblitz loads but doesn't run the project successfully it may be because of your browser. As of 7/5/2022, webcontainers in Firefox are considered experimental and displayed as such in the Stackblitz online IDE. The recommended fix is to either use a different browser like chrome (tested working) or a different online development environment with easy git imports like CodeSandbox (tested working).

Alternatively, if Stackblitz displays any prompts that could possibly the resolve your issue, the recommendation is to follow them, or try another browser or online ide if those prompts fail to resolve one's issues.

What's There To See in this Git Repo?

In /docs, there are the files 'architecture.md' and 'release_goals.md' that contain meta-information regarding the project. package.json at the root level is also a fun file to view to see all of the project's major dependencies. And, last by not least, /src includes the project's component implementations.

To Build This Project

1. Download and install node/npm to your computer and set it all up.
2. Download this repo and unzip it to some location.
3. Open up a command prompt or powershell location set to your unzipped LootQuest3 archive.
4. Execute 'npm run s' within the cmd prompt or powershell window to run the game.