DEV Community

Cover image for The Duolingo Drag and Drop Quiz component.
Chinmay Mhatre
Chinmay Mhatre

Posted on

The Duolingo Drag and Drop Quiz component.

website

I wanted to learn the react drag-and-drop library, so I made the drag and drop style quiz question that Duolingo uses.

The website uses:

  • react-dnd (implements drag and drop)
  • tailwindcss (used for styling)

Find the hosted page here : Website

Find the code here: GitHub

Top comments (1)

Collapse
 
thaichicken0210 profile image
Sarah C

This is really cool! I would love to figure out how to implement this for my students with customized sentences that follow our curriculum instead of the Duo sequence!