💼

Business Application

Gamification is a powerful tool for corporate training, onboarding, and customer engagement. This project demonstrates how game mechanics can make learning complex topics (like environmental regulations or product knowledge) more memorable and effective.

!

Project Origin

This eLearning game was inspired by the public educational materials from the Maryland Department of Natural Resources (DNR). It transforms static facts about the Chesapeake Bay ecosystem into an interactive, hands-on learning experience.

?

How to Use

Welcome to Bay Quest! Use the main menu to start a challenge, explore facts about the bay, or learn about the project. In the game, move your cursor or finger to control the net.

Bay Quest

The Blue Crab Challenge

A Crawford Creations eLearning Experience | Inspired by the MD DNR

Choose Your Challenge

Tidewater
Explorer

A relaxing journey. Learn the basics with plenty of time and helpful items.

High Score: 0

Bay
Captain

A balanced challenge. Test your knowledge against the clock.

High Score: 0

DNR
Expert

A true test of skill. Face faster hazards and complex challenges.

High Score: 0

SCORE: 0
Objective: Catch 5 Male Crabs!
TIME: 60

Explore the Bay

About Bay Quest

Bay Quest: The Blue Crab Challenge is an eLearning experience designed and developed by John T. Crawford of Crawford Creations.

This interactive game was created as a portfolio piece to demonstrate skills in instructional design, responsive web development, and gamification for adult learning. It is inspired by the wealth of public information provided by the Maryland Department of Natural Resources (DNR) about the Chesapeake Bay and its vital ecosystem.

The goal is to provide a fun, engaging, and educational tool for learners of all ages to understand the importance of the Blue Crab and the health of the Chesapeake Bay.

Technologies Used: HTML5, CSS3 with Tailwind CSS, and modern JavaScript (ES6+).

Want to create your own adventure? A customizable version of this game engine is planned for future release. For more information, please visit my professional portfolio at johntcrawford.com.