Welcome to BioLearn — an interactive biology learning platform designed to help students explore human body systems in a fun, visual, and engaging way.
Whether you're revising for a test, curious about how your body works, or just love science, BioLearn lets you dive into systems like the digestive and respiratory systems through interactive diagrams, fun quizzes, and surprising facts.
- 🧬 Interactive Diagrams – Clickable SVGs of human organs with hover effects and detailed info.
- 🧪 System-Based Quizzes – Test your knowledge after each section with instant feedback and a progress bar.
- 🧠 Did You Know? – Bite-sized facts to keep things fun and memorable.
- 📺 Video Integration – Watch YouTube videos directly inside the system pages.
- 🌌 Dynamic Backgrounds – A beautiful, animated background to keep the experience visually exciting.
- Home – Brief intro to BioLearn and a button to start learning.
- Body Systems – Cards for each body system (Digestive, Respiratory, Nervous).
- Digestive System Page – SVG-based diagram with clickable organs, embedded videos, and individual info.
- Quizzes – Separate quizzes for each system with real-time feedback.
- About – Our purpose, features, and who BioLearn is built for.
- Contact – Links to Gmail, LinkedIn, and GitHub to stay connected.
- Clone the repository or download the files.
- Open
index.htmlin your browser. - Navigate using the top bar or jump to sections using bookmarks.
- Explore, learn, and quiz yourself!
No backend or installation needed — it's all front-end and works offline after the first load.
- HTML5 + CSS3 (Glassmorphism & Flexbox)
- Vanilla JavaScript
- Font Awesome Icons
- SVG Diagrams
- YouTube Embeds
Feel free to reach out or give feedback!
- 📧 Gmail: begadbagod55@gmail.com
- 💼 LinkedIn: https://www.linkedin.com/in/begad-wael-470a25366
- 🖥 GitHub: github.com/Begadbigo
- SVGs from public domain educational sources
- Sound effects and icons from royalty-free libraries
- Inspired by the need to make biology more accessible and enjoyable for everyone
This project is for educational purposes and should not replace medical or professional advice.
Enjoy learning with BioLearn! 💙