Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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. Finished

Developers 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)