This is a simple project management application built as part of the Understanding TypeScript course on Udemy. The app demonstrates core TypeScript concepts, including classes, interfaces, decorators, and modules, while implementing drag-and-drop functionality for managing projects.
- Add new projects with title, description, and number of people.
- Categorize projects as "Active" or "Finished."
- Drag and drop projects between categories.
- Validation for user inputs.
The project is organized into the following directories:
- src/components/: Contains reusable UI components like
ProjectInput,ProjectList, andProjectItem. - src/models/: Defines TypeScript models and interfaces for
Projectand drag-and-drop functionality. - src/state/: Implements state management for projects.
- src/utils/: Includes utility functions like input validation.
- src/decorators/: Contains the
autobinddecorator for method binding.
- TypeScript
- Webpack
- HTML/CSS
- Clone the repository.
- Install dependencies:
npm install
- Start the development server:
npm start