RFDSort is a quick visual lookup tool for the UPS Rockford Air Hub (6119N). It helps reduce missorts by letting you tap a state or a belt to instantly see chutes, ZIP ranges, destinations (slick), pull times, and wave—with a shift selector for Sunrise / Day / Twilight / Night and a built-in menu dialog for About/License/Version.
🛠️ Built with kodeWeave
Developed using kodeWeave and powered by Pico.css + TailwindCSS + Alpine.js.
If hosted, access here: https://michaelsboost.com/RFDSort/
(Or open index.html locally—see Getting Started.)
- Not affiliated with or endorsed by UPS.
- Do not use while driving or operating equipment. Use only when stationary and safe.
- Intended for personal reference and training.
- State → Belts: Pick a state and see all matching chutes, ZIP ranges, destination (slick), pull, wave.
- Belt → States: Tap a belt in the sidebar to see all states feeding it.
- Sunrise / Day / Twilight / Night selector.
- Loads rules based on selected shift.
- Night rules preloaded; others are easy to extend.
- Large tap targets and compact cards for quick scanning.
- Left belt rail with clear color coding and highlight ring for context.
- Menu dialog with About, Version, and License.
- Light/Dark/Auto theme via
<html data-theme="…">. - Auto follows system preference; choice saved in
localStorage.
- Rules live in
rulesByShift:rulesByShift = { sunrise: [ /* { state, zips, chute, dest, pull, wave } */ ], day: [ /* ... */ ], twilight:[ /* ... */ ], night: [ /* current rules */ ] }
chuteaccepts a string or array (for multi-chute rules).
# Clone the repository
git clone https://github.com/michaelsboost/RFDSort.git
cd RFDSort
# Install dependencies
npm install
# Build CSS bundle
npm run build
# Start local server
npm run serve- Alpine.js (lightweight reactive framework)
- TailwindCSS (utility-first CSS framework)
- PostCSS + plugins (autoprefixer, cssnano, imports)
- Rollup (bundler)
- http-server (for local dev testing)
- Name/version/logo shown in the About dialog:
name: 'RFDSort', version: 'v0.0.1', logo: 'data:image/svg+xml;base64,...'
- Stored as
theme('light' | 'dark' | 'auto') inlocalStorage. - Applied to
<html data-theme="...">.
- Extend any shift in
rulesByShift:{ state: 'CA', zips: ['900-928'], chute: ['Blue Blue', 'White Brown'], // or 'Blue Blue' dest: 'ONT', pull: '201/221', wave: '1st' }
- Fork the repo
- Create a feature branch:
git checkout -b feature/add-sunrise-rules - Commit your changes:
git commit -m "Add Sunrise shift rules" - Push the branch:
git push origin feature/add-sunrise-rules - Open a Pull Request 🎉
Licensed under the MIT License. See LICENSE.
Author: Michael Schwartz
If RFDSort helps your workflow, consider supporting:
- 🎨 Graphic Design Course: https://michaelsboost.com/graphicdesign
- 🛒 Store: https://michaelsboost.com/store
- ☕ Buy me a coffee: http://ko-fi.com/michaelsboost
- 👕 T-Shirts: https://michaelsboost.com/gear
- 🖼️ Art Prints: https://deviantart.com/michaelsboost/prints
- 💰 PayPal: https://michaelsboost.com/donate
- 💵 Cash App: https://cash.me/$michaelsboost