This page is the neighbourhood yard where residents share tools with each other, styled as a shipping dispatch dock. Browse what's on the shelf, request an item, catch the community announcement, join the yard, vote in the neighbourhood poll, and check your dashboard — all built with native HTML5 Drag and Drop, Web Storage, and hands-on JavaScript event handling.
Welcome to the Dispatch Yard
What's on the manifest
Course Outcomes
Design interactive pages with semantic HTML5, implement native Drag and Drop, persist data with Local and Session Storage, and wire up a neighbourhood tool-sharing yard with real JavaScript event handling.
Features
Draggable Crates
Colour-coded boxes built with the draggable attribute.
Drop Pallet
A dedicated zone listening for dragover and drop.
Long-Term Locker
Details saved with localStorage survive a full browser restart.
Temporary Crate
Details saved with sessionStorage clear once the tab closes.
Drag a Crate onto the Pallet
Crate Rack
Pick up a crate and drag it onto the pallet on the right.
Fragile Goods
Spare Parts
Perishables
Pallet 0 loaded
Drop crates here
Local & Session Storage
File your details
Contact Information
support@dispatchlocker.edu
+91 98765 43210
Department of Computer Applications, Coimbatore, Tamil Nadu, India
Help
Crate won't drag?
Make sure you click and hold directly on a crate, then move the mouse before releasing over the pallet.
What's the difference between the lockers?
The Long-Term Locker (localStorage) keeps data after you close the browser. The Temporary Crate (sessionStorage) empties out once the tab is closed.
How do I remove saved data?
Use the "Clear Stored Data" button in the Filing Office section to wipe both lockers at once.
Community Statistics
0
Crates Dispatched
0
Registered Members
0
Tools Listed
0
Active Borrows
Featured Tools Slider
Tool Borrow Request Form
Tool Gallery
Browse what neighbours are sharing right now. Hover a card for details, tap the bookmark to save it, and click Request to add it to your requested list.
Cordless Drill
Extension Ladder
Pressure Washer
Circular Saw
Wet/Dry Vacuum
Staple Gun
No tools match your search yet — try a different keyword or filter.
Member Reviews
"Borrowing the pressure washer saved me a rental fee. Smooth pickup process."
"The ladder was in great condition and the request form took two minutes."
"Great community resource — I've borrowed three tools so far this year."
Community Announcement
A short clip from the yard supervisor on this month's sharing guidelines.
Join the Neighbourhood Yard
Neighbourhood Poll
Which community activity should be organized next?
--
Discussion
Ask a question about a tool, or reply to a neighbour. Double-click your own comment to edit it.
Neighbourhood Dashboard
Tool Sharing
3 items requested this month
Cleanup Drives
1 event joined
Volunteering
2 tasks completed
Community Participation 25% Complete
How the Interactions Work
Where's the event delegation?
The Discussion section attaches one listener to the comments list, so newly created Reply buttons and comments work without extra listeners.
How does the poll timer work?
Starting the poll begins a setInterval() countdown. When it hits zero the poll
auto-submits and locks.
Things Available to Borrow Now
Browse tools and useful items that are currently available to borrow. Hover over an item to see its animation.
Hand Tools
Hammers, screwdrivers and other basic tools available for borrowing.
Power Drill
Borrow a power drill for drilling and basic DIY work.
Ladder
A sturdy ladder available for short-term household or maintenance work.
Toolbox
A complete toolbox with essential tools ready to borrow.
Ariana K. 2 days ago
Is the pressure washer still available this weekend?