Jenny's Study Guide — MA Study PWA
An offline-first study app for Medical Assistants and the ATI TEAS 7, deployed at
ma-study-pwa.vercel.app.
It's a self-contained progressive web app (no build step) with tabs for Home,
Study (flashcards), Anatomy 3D, Notes, and More (quizzes, calendar,
library, fun facts, settings). Everything works offline via a service worker.
Running it
No build step — plain HTML/CSS/JS. Serve the folder:
python3 -m http.server 8000
# then visit http://localhost:8000
(The service worker and 3D model loading need http://, not file://.)
Study — flashcards
Flashcard decks live inline in index.html as
{ id, title, subject, emoji, cards:[{ id, term, def, hint? }] }. Decks include
Anatomy & Physiology, Medical Terminology, Pharmacology, Clinical Skills & Safety,
and the four TEAS sections (Science, Math, English, Reading), each with a matching
quiz bank.
The 126 curated ATI TEAS 7 Science cards (kept in data/flashcards.js as the
source) are merged into the app's existing decks by category:
- Human Anatomy & Physiology (61) → the
anatomy deck
- Biology / Life Science, Chemistry, Scientific Reasoning (65) → the
teas-science deck
Anatomy 3D
The Anatomy tab renders interactive 3D models. Real .glb models are loaded with a
locally bundled three.js + GLTFLoader (vendor/three/) so they work fully
offline, with drag-to-rotate / scroll-to-zoom orbit controls. Topics without a
bundled model fall back to the built-in procedural (CSS-3D) diagram.
Bundled models live in models/:
| Topic | File |
|---|
| Skeletal System (overview) | overview-skeleton.glb |
| Upper Limb | upper-limb.glb |
| Lower Limb | lower-limb.glb |
| Hand | hand.glb |
| Brain | brain.glb |
| DNA | dna.glb |
| Eye | eye.glb |
| Animal Cell | cell.glb |
To add a model: drop models/<name>.glb, then add a topic to D.topics in
index.html with model: "<name>.glb", glb: true.
Model credits & licenses
brain.glb, dna.glb — from the Ethereal / IR Engine Open Asset Kit (Basic)
education set (ir-engine/ir-engine-assets-basic),
released under Creative Commons.eye.glb, cell.glb — original models generated from geometric primitives with
tools/gen_models.py (trimesh); no third-party rights.- The remaining limb/skeleton/hand models are the project's existing bundled assets.
Project layout
index.html the whole app (inline CSS + JS modules)
manifest.json PWA manifest
service-worker.js offline cache
icons/ PWA icons
vendor/three/ bundled three.js, GLTFLoader, OrbitControls
models/ .glb anatomy models
data/flashcards.js source for the 126 TEAS 7 Science cards
