Shippingrevolution
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Viewing readonly version of main branch: v3View latest version
A comprehensive shipping operations management system built on Val Town.
- Shipment Management: Create, track, and manage shipments
- Route Optimization: Calculate optimal delivery routes
- Tracking System: Real-time shipment tracking with status updates
- Carrier Integration: Support for multiple shipping carriers
- Cost Calculator: Shipping cost estimation based on weight, distance, and service type
- Dashboard: Operations dashboard for monitoring all shipments
├── backend/
│ ├── database/
│ │ ├── migrations.ts # Database schema setup
│ │ └── queries.ts # Database query functions
│ ├── routes/
│ │ ├── shipments.ts # Shipment CRUD operations
│ │ ├── tracking.ts # Tracking endpoints
│ │ ├── routes.ts # Route optimization
│ │ └── static.ts # Static file serving
│ └── index.ts # Main Hono server
├── frontend/
│ ├── components/
│ │ ├── App.tsx # Main application component
│ │ ├── Dashboard.tsx # Operations dashboard
│ │ ├── ShipmentForm.tsx # Create/edit shipments
│ │ ├── TrackingView.tsx # Shipment tracking interface
│ │ └── RouteMap.tsx # Route visualization
│ ├── index.html # Main HTML template
│ ├── index.tsx # Frontend entry point
│ └── style.css # Custom styles
└── shared/
├── types.ts # Shared TypeScript interfaces
└── utils.ts # Shared utility functions
GET /api/shipments- List all shipmentsPOST /api/shipments- Create new shipmentGET /api/shipments/:id- Get shipment detailsPUT /api/shipments/:id- Update shipmentDELETE /api/shipments/:id- Delete shipmentGET /api/tracking/:trackingNumber- Track shipmentPOST /api/routes/optimize- Calculate optimal routeGET /api/carriers- List available carriers
- The system automatically sets up the database on first run
- Access the dashboard at the root URL
- Create shipments using the form interface
- Track shipments using tracking numbers
- View optimized routes for deliveries
- Backend: Hono.js, SQLite
- Frontend: React, TypeScript, TailwindCSS
- Mapping: OpenStreetMap integration
- Styling: TailwindCSS via Twind