This project is a Web App project aims to convert an existing PowerPoint-based educational tool into an interactive, mobile-friendly web application.
This project is based on the work of Prof. Brian Elliott, created during his final years of education. In the human anatomy class, students must purchase a bone set to study the bones of the human body, but they are not allowed to take these models out of the lab. Prof. Elliott observed that this restriction could cause inconvenience for students who want to quickly review the bones before an exam. To address this, he created a PowerPoint presentation that includes images of the bones taken from different angles (with permission from the department), and he annotated these images to highlight the various bones in the set using different colors and filters. He utilized all available features to create an easily accessible presentation that students could use for quick revision or brief study sessions before tests.
However, he wanted to make this resource even more accessible. He envisioned offering students a platform they could access on their iPads, or laptops—devices commonly used by students. This is where the web application comes in. It is designed to be a quick and easy guide for students to use for exams, to quiz themselves on essential knowledge, or to learn from material that is simple and provides an overview of the human bones. This application is based on the information in the presentations created by Prof. Brian Elliott.
This project was developed using the following technologies:
Node.js: Used for server-side development to handle requests and serve the application. HTML: For structuring the content of the web pages. HTMX: A lightweight JavaScript library for enhancing interactivity by allowing partial page updates without a full page reload. CSS: For styling and layout of the web pages to ensure a clean and responsive design for users across devices.
Interactive and accessible web application for students to study human anatomy. Quick revision tool with annotated images of bones. Designed for use on iPads, laptops, or other devices commonly used by students.
Clone the repository:
Contributions are welcome! Check out the CONTRIBUTING.md for guidelines.