Create Drag and Drop Web Components by Using Phoenix LiveView
The Phoenix LiveView library allows users to build highly interactive applications. It provides rich, real-time user experiences with server-rendered HTML. LiveView programming uses a declarative model. It keeps track of all the changes and allows the users to write their code as any other server-rendered HTML.
In the first part of the project, we’ll use Phoenix LiveView to create a basic e-learning website. Then we’ll implement a learning plan feature to enable users to drag and drop different courses into a group. This will allow the user to drag courses from the initial pool of courses and drop them in a drop zone. In the end, they’ll be able to see and follow their customized learning plan. The data dragged and dropped at the front end will be available on the server-side as well.