Dynamic-List-Manager

Introduction

This is a TypeScript-based tool for adding and deleting images, videos, notes, and to-do lists. The goal of this project is to practice TypeScript and understand object-oriented programming (OOP).

Features

• Add and delete images, videos, notes, and to-do lists
• Drag and drop functionality for reordering items
• Input validation for image and video URLs
• Use of OOP principles such as inheritance, encapsulation, and polymorphism
• Use of UML to create class diagrams for better code organization and understanding

Built With

• TypeScript
• JavaScript
• HTML
• CSS

Class Diagram

(even though I am not an expert in UML, I wanted to learn and use it in this project)

Preview UI

Conclusion

This project has provided a great opportunity to practice using OOP principles with Typescript. It has helped me to better organize and understand my code.