This project is a web-based tool for viewing and parsing BAPLIE EDI files. It allows users to upload BAPLIE files, view the container manifest in a table, and visualize the bay plan in 2D.
- Upload BAPLIE EDI files
- Parse BAPLIE files and display the container manifest in a table
- Visualize the bay plan in 2D
- Export the container manifest to a CSV file
- Responsive design for use on different devices
- React
- Vite
- Three.js for 2D visualization
- Clone the repository:
git clone https://github.com/your-username/baplie-edi-viewer.git
- Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:5173
- Build the project:
npm run build
- The production files will be in the
distfolder.
The project can be deployed to any static hosting service. For example, you can use Firebase Hosting:
- Install the Firebase CLI:
npm install -g firebase-tools
- Login to Firebase:
firebase login
- Initialize Firebase in your project:
firebase init
- Deploy to Firebase Hosting:
firebase deploy --only hosting
.
├── public
│ ├── icons.json
│ ├── index.html
│ ├── android
│ ├── assets
│ ├── ios
│ └── windows11
├── src
│ ├── assets
│ ├── components
│ │ ├── BayPlan2D.jsx
│ │ ├── ContainerManifestTable.jsx
│ │ ├── FileUploader.jsx
│ │ ├── FloatingManifestCard.jsx
│ │ ├── Footer.jsx
│ │ ├── HelpModal.jsx
│ │ └── NavBar.jsx
│ ├── utils
│ │ ├── baplieParser.js
│ │ ├── csvExport.js
│ │ ├── isoVerifier.js
│ │ ├── themeHandler.js
│ │ └── threeStowage.js
│ ├── App.jsx
│ ├── index.css
│ ├── main.jsx
│ └── vite-env.d.ts
├── .gitignore
├── firebase.json
├── index.html
├── package.json
├── README.md
└── vite.config.js
Developed by Debasish Debnath.
Contributions are welcome! Please feel free to submit a pull request.
This project is licensed under the MIT License.