Roguelike Dungeon Crawler Game

Intro
A Dungeon Crawler game built with React on CodePen, part of freeCodeCamp program.
Tech Stack
- Javascript
- CSS
- React
Details
This project was created in 2016 as part of the freeCodeCamp program, which provided a free platform for individuals without a computer science background to learn front-end development. The program included a series of challenges similar to those found on LeetCode, as well as tasks specific to front-end development, all required for certification. You can view the project requirements here. I started this project during my final quarter at De Anza College because I was bored at the time. Little did I know that pursuing this certification would reignite my passion for front-end development, a field I have continued to explore ever since.
In the game, you control an orange square navigating a grid. The blue squares represent health potions, which boost your health when collected. The dark red squares represent your enemies. Engaging with these enemies, or "hitting" them, by attempting to move over them will decrease your health. Each encounter with an enemy reduces your health by an amount that depends on the enemy's strength, your experience (measured in XP points), and the weapon you are wielding. There are three types of weapons available: bare hands, a sword, and a magic wand.
Your goal is to defeat all the enemies on the current level to advance to the next one. The game consists of four levels. Upon reaching the fourth level, you will encounter the boss, represented by a light red square. You win the game by defeating the boss.