🌱 Mendelian Inheritance Simulator

Explore the fascinating world of genetics with the Mendelian Inheritance Simulator! This interactive tool allows users to simulate how traits are passed down through generations using Mendelian genetics principles — all right in your browser.

---

✨ Features

• 🧬 Trait Exploration – Simulate traits like eye color, hair color, skin tone, height, and blood type.
• 🧪 Interactive Calculators – Mix and match parental alleles to view possible offspring outcomes.
• 📊 Visual Aids – Built-in diagrams to help visualize dominant and recessive allele combinations.
• 🌘 Dark Mode – Comfortable switching between light and dark themes.
• 🧭 Clean UI – Minimal, mobile-friendly layout designed for fast learning.

---

📂 Project Structure

mendelian-inheritance-simulator/
├── css/
│   ├── style.css         # Light theme styles
│   ├── darkmode.css      # Dark theme styles
│   └── layout.css        # Page layout and grid
├── js/
│   ├── script.js         # Core site functionality
│   ├── darkmode.js       # Dark mode toggle logic
│   └── alleles/
│       ├── bloodType.js  # Blood type logic
│       ├── eyeColor.js   # Eye color logic
│       ├── hairColor.js  # Hair color logic
│       ├── height.js     # Height inheritance
│       └── skinColor.js  # Skin tone logic
├── pages/
│   ├── blood-types.html  # Blood trait calculator
│   ├── eye-color.html    # Eye color calculator
│   ├── hair-color.html   # Hair color calculator
│   ├── height.html       # Height trait page
│   └── skin-color.html   # Skin tone trait page
├── images/
│   └── mendel-diagram.png  # Educational diagram
└── index.html            # Main entry point

---

🛠️ How to Use

1. Choose a Trait Page from the navigation bar.
2. Set Parent Traits using the dropdowns.
3. Click Calculate to view potential genetic outcomes.
4. Analyze Results including trait percentages, index ranges, and diagrams.

---

🎯 Roadmap

• Expand with new traits (e.g. dimples, widow’s peak)
• More in-depth Punnett square visualizations
• Export or save simulation results
• Mobile-first layout redesign

---

💡 Contributing

We welcome pull requests and community contributions!
Have an idea or bug report? Open an issue or start a discussion.

---

📝 License

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

---

💖 Donation

If you find this simulator helpful or fun, please consider supporting development:

💸 Donate via PayPal

---

📬 Contact

Reach out with questions or feedback:
✉️ aponder.dev

---

Thank you for exploring genetics with us! 🧬💡