← Back to projects
Interactive Study Build

Phosphodiester Lab

A DNA assembly simulator for learning how nucleotides actually connect: base to sugar, sugar to phosphate, and then sugar-to-phosphate coupling to build a 5'→3' backbone through phosphodiester bonds.

Embedded here: a guided builder that lets you load deoxynucleotides, connect them at the 3' hydroxyl and 5' phosphate, and watch a DNA strand grow with its complement preview.
Interactive DNA Molecule Builder
Backbone focus Sugar + phosphate coupling

Shows how each new nucleotide extends the chain through a 3'→5' phosphodiester bond.

Structure Deoxyribose connection points

Highlights where the base sits on C1' and where the backbone chemistry happens at 3' and 5'.

Build mode Growing strand preview

Lets you extend the polymer one nucleotide at a time or append a sequence and inspect the complement.

Use the framed simulator for context inside the portfolio, or open the direct runtime for a full-screen builder.

Tech Stack

React SVG Education UX Biochemistry

What The Embed Shows

A workspace centered on the chemistry students usually have to imagine: deoxyribose geometry, the 3' hydroxyl, the incoming 5' phosphate, and the bond that turns separate nucleotides into one polymer.

Why It Matters

  • Bridges the gap between base pairing and full DNA backbone construction
  • Turns phosphodiester bond language into an interactive build sequence
  • Connects strand directionality, backbone chemistry, and complement logic in one view