https://github.com/sipamungkas/drag-n-drop-html-typescript
Drag and drop with typescript object oriented class html css
https://github.com/sipamungkas/drag-n-drop-html-typescript
css html5 javascript oop typescript
Last synced: 2 months ago
JSON representation
Drag and drop with typescript object oriented class html css
- Host: GitHub
- URL: https://github.com/sipamungkas/drag-n-drop-html-typescript
- Owner: sipamungkas
- Created: 2022-01-08T02:40:39.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-15T02:47:15.000Z (over 4 years ago)
- Last Synced: 2025-10-09T16:44:01.930Z (9 months ago)
- Topics: css, html5, javascript, oop, typescript
- Language: TypeScript
- Homepage:
- Size: 226 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Projects Drag and Drop
## Contents
- [Description](#description)
- [Project Preview](#preview)
- [Features](#features)
- [Installation](#installation)
## Preview
## Description
In this project I learn how to implemented my learning progress of typescript. I make a drag and drop project with typescript in OOP. I hope you enjoy it.
## Features
- Add project
- Drag and Drop
- Move project from active into finished and vice versa
- typescript
- OOP (Object-Oriented Programming)
## Installation
1. Open your terminal or command prompt
2. Clone the project
```bash
$ git clone https://github.com/sipamungkas/drag-n-drop-html-typescript
```
3. Move inside the directory and install and link dependency
```bash
$ cd drag-n-drop-html-typescript
$ yarn install
```
4. Compile or build project
```bash
$ npm i -g typescript
$ tsc
```
5. Run the project
- open index.html
- open from terminal
```bash
$ yarn start
```
### Thank you :)