← Back to projects
Interactive Study Build

DNA Base Memorizer

A study-first simulator for recognizing nucleobase structures, identifying hydrogen-bond donors and acceptors, and understanding canonical base pairing through guided visual interaction.

Embedded here: an interactive runtime with rotation, pairing animation, and quiz modes for names, pairing, and H-bond sites.
Interactive DNA Simulator
Open cover page Open full simulator Open DNA learning suite View source ↗
Core concept A-T and G-C pairing

Visualizes canonical hydrogen-bond pairing and why G-C forms three bonds while A-T forms two.

Learning mode Explore + quiz loop

Supports discovery with overlays, then reinforces retention with focused recognition quizzes.

Interaction Animated pair formation

Bases rotate, approach, and connect so pairing behavior is easier to understand at a glance.

Use the framed simulator for portfolio context, or launch the direct runtime if you want the app by itself.

Tech Stack

JavaScript Canvas Molecular Visualization Education UX

What The Embed Shows

A practical study surface for structure recognition: atom labels, numbering overlays, donor/acceptor hints, and animated base pairing that reveals the final bonded state.

Why It Matters

  • Turns abstract base pairing rules into visible behavior
  • Helps students connect structure with function
  • Makes biochemistry review interactive instead of static