five little piggies IdeateComm submission

• 

  A photo of the bicycle band with tracking enabled

Inspiration

During ABL’s events, bicycles, volunteers, and participants often faced coordination issues—lost bikes, slow assignments, and poor visibility. We were inspired to design a solution that integrates bike logistics, volunteer management, and live tracking to make operations smoother and more efficient.

What it does

Participant App (React): Allows participants to scan, get a bike assigned, and return it with one button.

Volunteer Dashboard: Displays a live map of bikes, their statuses (Available / In Use), and lets volunteers manually assign bikes.

Smart Band Prototype: A physical wristband powered by ESP32 with an RGB LED that changes color (Green = Ready, Blue = In Use, Red = Returned) to simulate real-time bike status.

How we built it

Frontend: React for both the participant app and volunteer dashboard.

Map Integration: Live view of bikes with status updates.

Hardware: ESP32, RGB LED, Arduino IDE with simple serial commands ("G", "B", "R") to change band color.

Focused on creating a demo-ready system that shows smooth coordination between digital and physical components.

Challenges we ran into

Making real-time dashboard updates reliable.

Synchronizing the app, dashboard, and hardware demo within limited time.

Keeping the hardware simple (no Wi-Fi/BLE) while still showing meaningful interactions.

Accomplishments that we're proud of

Built a working React app with both participant and volunteer flows.

Designed a live dashboard that shows status at a glance.

Integrated a physical prototype that made the demo engaging and tangible.

Managed to connect software and hardware seamlessly within hackathon time limits.

What we learned

React is highly effective for rapid prototyping and map integration.

Hardware + software integration creates a compelling demo experience.

Event logistics solutions need to balance simplicity for users and scalability for organizers.

What's next for five little piggies IdeateComm submission

Enable live GPS tracking for bikes with automated updates.

Add Wi-Fi/BLE support so the band updates wirelessly without manual input.

Introduce analytics and reporting for organizers to optimize event logistics.

Expand beyond bikes to manage other event assets and volunteer coordination tasks.

Package the react app into a mobile app using a bundler or web to native packager.

Links

Github repo: https://github.com/Hexarion23/picycle-band

Live deployed app (web): https://picycle-band.vercel.app

Participant app demo: https://youtube.com/shorts/-5WsxV7RXxA?feature=share

Volunteer dashboard demo: https://youtube.com/shorts/wokHu-wBR_A?si=-Kc4_O_vZo9lhpp7

Slides link: https://www.canva.com/design/DAG0qMeSfWU/BKyZWNgm0s2I8BcViPsC5w/edit?utm_content=DAG0qMeSfWU&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

Built With

• arduino
• react
• supabase
• tinkercad
• typescript
• vercel
• vscode