https://github.com/libercosoft/transport_system_client
A drag and drop transportation system.
https://github.com/libercosoft/transport_system_client
Last synced: 12 months ago
JSON representation
A drag and drop transportation system.
- Host: GitHub
- URL: https://github.com/libercosoft/transport_system_client
- Owner: LIBERCOSOFT
- Created: 2023-12-05T13:45:39.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-05T15:07:36.000Z (over 2 years ago)
- Last Synced: 2025-06-04T06:18:10.266Z (about 1 year ago)
- Language: JavaScript
- Size: 51.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 Transportation System ](#-transportation-system-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Install \& Setup](#install--setup)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🙏 Acknowledgments ](#-acknowledgments-)
**Transportation system** is a transportation Queue. On the left is a table with the list of delivery for customers, showing customer ID, Customer Name, Pick Up location, Drop off Location, on the right is a planner, showing Date, Slot 1 , Slot 2, Slot 3, Slot 4, the planner shows 7 days after the current date. So, the logistic company can drag customers from the Logistic Queue to the planner for each slot and it is saved to the database.
Client
- **Add a new delivery task**
- **Delete a delivery task**
- **Drag and drop a delivery task in a slot on the planner table**
- **Revert a dropped delivery task on any slot**
- **Delete a dropped delivery task on any slot**
[Live Demo Link](https://transportation-queue-system.netlify.app)
> To start and run this project
```
npm install
```
```
npm run dev
```
```
visit http://localhost:5173
```
To get a local copy up and running, follow these steps.
### Prerequisites
- IDE / Editor
- Git
- NodeJS
### Install & Setup
To setup and install this sample ROR Blog project, follow the below steps:
- Clone this project by the command:
```
$ git clone https://github.com/LIBERCOSOFT/transport_system_client.git
```
- Then switch to the project folder by the below query:
```
$ cd transport_system_client
```
- Install npm dependencies with the command below:
```
$ npm install
```
- Start the Vite development server with the command below:
```
$ npm run dev
```
👤 **Kolapo Precious Akinrinlola**
- GitHub: [LIBERCOSOFT](https://github.com/LIBERCOSOFT)
- Twitter: [@Gerfieldt](https://twitter.com/Gerfieldt)
- LinkedIn: [Kolapo Akinrinlola](https://linkedin.com/in/kolapo-akinrinlola)
## 🔭 Future Features
- [ ] **Implement a more responsive UI**
- [ ] **Implement the drag and drop for mobile**
- [Yiponline](https://www.yiponline.com/)