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.
index.ts
https://Shsragab--979257ec3f7e11f08c3476b3cceeab13.web.val.run
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