Inspiration

During emergencies like natural disasters, network outages, or crowded events, internet and cellular services often fail when they are needed the most. We were inspired by the need for a reliable communication system that works even in complete network absence, enabling people to share critical information in real time.

What it does

WayMesh is an offline-first communication system that allows devices to connect. It enables users to send alerts, share information, and access categorized emergency messages without relying on any centralized server or internet connection.

How we built it

We built the frontend using React and Tailwind CSS to create a simple and responsive interface. Messages are encoded into QR codes, which can be scanned by nearby devices to transfer data. Each device can then regenerate and share the information further, creating a chain of communication across multiple users.

Challenges we ran into

One of the biggest challenges was designing a system that works completely offline while still allowing data to move across devices. Encoding and decoding structured data efficiently into QR codes, handling data size limitations, and ensuring smooth user interaction were key challenges.

Accomplishments that we're proud of

  • Built a fully offline communication system without internet or servers
  • Developed a QR-based store-and-forward mechanism for device-to-device data sharing
  • Implemented real-time message encoding and decoding via QR codes

What we learned

We learned how offline communication systems can be designed without relying on networks, and explored creative ways of transferring data using QR encoding. We also improved our skills in frontend development and real-time user interaction design.

What's next for WayMesh

We plan to enhance this system by integrating direct device-to-device communication technologies like Bluetooth or WiFi Direct to make the process faster and more seamless. We also aim to improve scalability and user experience for real-world emergency scenarios.

Built With

  • css3
  • git
  • github
  • html5
  • html5-qrcode
  • javascript-(es6)
  • localstorage
  • qr-code-(qrcode.react)
  • react.js
  • tailwind-css
  • vercel-(deployment)
  • vite
Share this project:

Updates

Submission history