Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/qur786/drag-n-drop-project
A Drag and Drop App built with Typescript to manage projects.
https://github.com/qur786/drag-n-drop-project
css3 html5 javascript typescript
Last synced: 2 days ago
JSON representation
A Drag and Drop App built with Typescript to manage projects.
- Host: GitHub
- URL: https://github.com/qur786/drag-n-drop-project
- Owner: qur786
- Created: 2022-02-03T18:02:39.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-02T10:57:25.000Z (10 months ago)
- Last Synced: 2024-10-11T12:14:51.577Z (26 days ago)
- Topics: css3, html5, javascript, typescript
- Language: TypeScript
- Homepage: https://qur786.github.io/Drag-And-Drop-Project-App/
- Size: 75.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## [Drag & Drop Project](https://qur786.github.io/drag-n-drop-project)
## Description
This Drag and Drop App, built with TypeScript, manages project statuses. It's a simple yet powerful tool allowing the creation of projects with essential information such as **Title, Description, and the Number of People Assigned to the Project**.
The app categorizes projects into two types:
1. Active
2. FinishedDevelopers can swiftly create an Active project using the **Add New Project Form**. When a project is completed, it can be seamlessly moved from the Active Projects section to the Finished Projects section through drag-and-drop functionality.
## Technologies Used
The following tools and technologies were utilized in building this project:
1. TypeScript
2. NodeJS
3. CSS
4. HTML
5. live-server
6. Visual Studio Code (VSCODE)## How to Use This Project
To utilize this project:
1. Pull all files from the main branch of this repository to your local system.
2. Open your command line interpreter (bash - Linux, CMD - Windows).
3. Navigate to the folder containing these files.
4. Run `yarn` or `yarn install` to install all dependencies.
5. Build the files by running either `yarn tsc -w` or `yarn build` to compile TS files into JS files in watch mode.
6. Start the server using `yarn start`. After a few seconds, the app will open at `localhost:8080` in your browser.
7. Begin creating new projects/tasks and effortlessly manage them by dragging and dropping based on project status.Or you can directly acces this UI from this [link](https://qur786.github.io/drag-n-drop-project)