Inspiration Natural disasters can strike at any time, leaving communities vulnerable and in urgent need of help. During recent floods and landslides in Malaysia, we saw firsthand how delays, lack of transparency, and inefficient aid distribution can worsen the impact on victims. Inspired by the potential of blockchain technology to bring transparency and trust, we set out to build ChainSelamat—a platform designed to make disaster response faster, fairer, and more accountable.
What We Learned Building ChainSelamat taught us the importance of user-centric design, especially for platforms that may be used in high-stress situations. We learned how to integrate real-time data visualization using Leaflet, ensure secure and transparent donations with blockchain concepts, and create a responsive, accessible UI with Next.js and Tailwind CSS.
How We Built It Frontend: We used Next.js and TypeScript for a robust, scalable web application. Tailwind CSS provided a modern, responsive design.
Mapping: Real-time disaster data is visualized using Leaflet and React-Leaflet, allowing users to see affected areas and victim counts at a glance.
Donations: The donation system is designed to be transparent, with all transactions recorded on a blockchain ledger.
Challenges We Faced Data Integration: Simulating real-time disaster data and ensuring it updated smoothly on the map was a technical challenge.
Blockchain Transparency: Designing a donation flow that is both user-friendly and transparent required careful planning.
UI/UX: Balancing a modern look with accessibility and clarity, especially for users in crisis situations, was a constant focus.
Log in or sign up for Devpost to join the conversation.