An interactive educational web game about blood types, transfusions, and medical science
An interactive educational web game that teaches users about blood types, blood typing procedures, and safe blood transfusions. This project is inspired by the 1930 Nobel Prize in Physiology or Medicine awarded to Karl Landsteiner for the discovery of human blood groups.
Experience the game directly in your browser with no installation required!
The Blood Typing Game challenges players to:
- Determine patients' blood types through simulated blood tests
- Select compatible blood bags for transfusion
- Save lives by performing correct transfusions
- Learn about blood type compatibility and the science behind it
The game covers:
-
ABO and Rh Blood Group Systems
- Type A: Has A antigens and B antibodies
- Type B: Has B antigens and A antibodies
- Type AB: Has both A and B antigens, no A or B antibodies
- Type O: No A or B antigens, has both A and B antibodies
- Rh+ and Rh- factors
-
Blood Transfusion Compatibility
- Universal donor (O-)
- Universal recipient (AB+)
- Compatibility rules between different blood types
- Consequences of incompatible transfusions
-
Nobel Prize Connection
- Karl Landsteiner's discovery of human blood groups in 1901
- The 1930 Nobel Prize in Physiology or Medicine
- Impact on modern medicine and transfusion safety
Semantic markup for structure
with
for responsive design
Pure vanilla JS for game logic
For local development server
- 🔬 Interactive blood typing simulation with realistic reactions
- 💉 Accurate blood transfusion mechanics based on medical science
- 🏆 Engaging scoring system with visual feedback
- 📱 Fully responsive design for all devices and screen sizes
- 🧠 Rich educational content integrated seamlessly with gameplay
- 🎨 Modern UI with smooth animations and transitions
BloodTypingGame/
├── css/
│ └── styles.css
├── js/
│ └── game.js
├── images/
│ └── blood-compatibility-chart.svg
├── index.html
├── server.js
├── package.json
└── README.md
Visit the live site: https://bloodtypinggame.com/
The game is hosted online and ready to play! No downloads or installation required - just open the link in any modern browser and start learning about blood typing.
A modern web browser
- 💼 Clone this repository:
git clone https://github.com/gunjanjaswal/BloodTypingGame.git- 👁️ Navigate to the project directory:
cd BloodTypingGame- 📈 To run with Node.js server:
npm start- 🌟 Alternatively, simply open
index.htmlin your web browser.
💡 Tip: For the best experience, use a modern browser with JavaScript enabled.
- 🔹 Start the Game: Click the "Start Game" button on the main menu
- 🔹 For Each Patient:
- 🧪 Test the Blood: Use Anti-A, Anti-B, and Anti-Rh serums to test the patient's blood
- 🔎 Observe Reactions: Watch for agglutination (clumping) which indicates presence of antigens
- 📝 Determine Blood Type: Based on test results, select the correct blood type
- 🩸 Select Compatible Blood: Choose a blood bag that's compatible with the patient
- 💉 Perform Transfusion: Click the button to perform the transfusion
- 🔹 Score: Try to save all five patients to achieve a perfect score
⚠️ Warning: Incorrect blood type matching can cause transfusion reactions!
Players will gain valuable knowledge about:
- 🧪 Blood Typing Techniques: Learn how medical professionals determine blood types
- 🩸 Transfusion Compatibility: Understand which blood types can safely be given to which recipients
- 🔍 Antigen-Antibody Reactions: Visualize how blood type incompatibilities cause reactions
- 📜 Medical History: Discover the Nobel Prize-winning work of Karl Landsteiner
- 🎓 Clinical Applications: See how blood typing knowledge saves lives in medical settings
Exciting features planned for future releases:
- 🎮 Challenge Mode: Additional game modes with varying difficulty levels
- ✨ Enhanced Visuals: More detailed animations of blood typing reactions
- 📖 Knowledge Base: Expanded educational content about hematology
- 👥 Multiplayer: Competitive mode for classrooms and training
- 🎖 Achievements: Comprehensive achievement and badge system
- 📊 Statistics: Detailed performance tracking and learning analytics
If you find this project helpful or educational, consider supporting its development:
Your support helps maintain and improve this educational resource!
This project is licensed under the MIT License - see the LICENSE file for details.
🌟 Directly inspired by The Nobel Prize Blood Typing Game
🧬 Based on Karl Landsteiner's Nobel Prize-winning work in blood group discovery
🎓 Created for educational purposes to promote understanding of blood types and transfusions
💜 Special thanks to the medical and scientific community for their ongoing research
