Skip to content

A web application that allows users to explore and simulate the inheritance patterns of traits based on Mendelian genetics. Users can predict offspring traits for various characteristics, including blood type, eye color, and height, all through a user-friendly interface with dark mode support.

License

Notifications You must be signed in to change notification settings

Wazupbutrcup/Mendelian-Inheritance-Simulator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌱 Mendelian Inheritance Simulator

Explore the fascinating world of genetics with the Mendelian Inheritance Simulator! This tool allows users to simulate the inheritance patterns of various traits based on Mendelian genetics principles directly in their browser.

✨ Features

  • Trait Exploration: Investigate different traits such as eye color, hair color, skin color, height, and blood types.
  • Interactive Simulations: Test combinations of parental traits to predict offspring characteristics.
  • Visual Aids: Includes diagrams and charts to help visualize Mendelian principles.
  • User-Friendly Interface: Simple and clean layout for easy navigation through trait testers.
  • Dark Mode: Toggle between light and dark themes for a comfortable viewing experience.

📂 Project Structure

mendelian-inheritance-simulator/
├── css/
│   ├── style.css        # Light mode styling for the webpage
│   ├── darkmode.css     # Styling for dark mode
│   └── layout.css       # General layout styling
├── js/
│   ├── script.js        # Main JavaScript for functionality
│   ├── darkmode.js      # Script for dark mode toggle
│   └── alleles/
│       ├── bloodType.js # Blood type calculation logic
│       ├── eyeColor.js  # Eye color calculation logic
│       ├── hairColor.js  # Hair color calculation logic
│       ├── height.js     # Height calculation logic
│       └── skinColor.js  # Skin color calculation logic
├── pages/
│   ├── blood-types.html  # Blood types trait page
│   ├── eye-color.html    # Eye color trait page
│   ├── hair-color.html    # Hair color trait page
│   ├── height.html        # Height trait page
│   └── skin-color.html    # Skin color trait page
├── images/
│   └── mendel-diagram.png # Visual aid for Mendelian genetics
└── index.html           # Main HTML file

🛠️ Usage

  1. Navigate to Trait Testers: Select a trait from the navigation bar to access the corresponding tester.
  2. Select Parent Traits: Choose the traits of the parents you want to test.
  3. Calculate Offspring Traits: Click the "Calculate" button to generate potential offspring characteristics.
  4. Review Results: View the results, including average trait indices and ranges.

🎯 Roadmap

  • Expanded Trait Testing: Add more traits and refine the existing ones for better simulation.
  • Enhanced Visualizations: Create more visual aids and charts to explain genetic concepts.
  • Mobile Responsiveness: Optimize the layout for mobile devices.
  • User Customization: Allow users to save and load their trait combinations.

💡 Contributing

We welcome contributions! If you have suggestions or would like to report bugs, feel free to open a pull request or issue.

📝 License This project is licensed under the MIT License. See the LICENSE file for details.

Donation

If you find Mendelian Inheritance Simulator useful and would like to support its development, consider making a donation. Your support helps us improve and maintain the project.

Donate on Ko-fi Donate on PayPal

Contact

For any inquiries or feedback, please reach out to your email.


Thank you for using the Mendelian Inheritance Simulator! 🎉

About

A web application that allows users to explore and simulate the inheritance patterns of traits based on Mendelian genetics. Users can predict offspring traits for various characteristics, including blood type, eye color, and height, all through a user-friendly interface with dark mode support.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published