TransitLink

• 

  gifting a fare to another person

• 

  NFC for digital peggo card page

• 

  Signing up and linking peggo card

• 

  Digit Peggo Card Front with options

Inspiration

We noticed that riders often forget or lose their Peggo card and cannot reload it in time. This inspired us to design a simple digital Peggo card experience for Winnipeg Transit.

What it does

• Shows a digital Peggo card on your phone
• Lets you tap or scan to pay
• Shows balance and recent trips
• Lets you reload instantly
• Family pools for members additions

How we built it

We built a mobile friendly web app with:

• A rider screen for tapping and balance
• A small backend to store cards, trips, and balance
• A simple validator screen to simulate a bus reader
• QR code to get a fare ride for a friend

Challenges we ran into

• Making the tap feel fast and clear
• Simulating real hardware like NFC
• Keeping the UI very simple for quick boarding

Accomplishments that we're proud of

• A clean and fast tap flow
• A clear digital Peggo card experience
• A demo that works live

What we learned

Good transit tech is mostly about speed and trust, not just features.

What's next for TransLink

• Real NFC support
• Offline tap support
• Multiple cards on one phone
• Testing the app with real riders and drivers

Built With

• express.js
• java
• javascript
• json
• react
• sqlite
• tailwind
• vite