Blockchain-powered Hygiene Ratings for Safer Dining: How our team put TrustyBite among winners in a $1M prize pool
TrustyBite is a food safety platform that uses real-time IoT sensors and NEAR blockchain to ensure restaurants meet hygiene standards. It helps diners identify clean, safe places to eat, backed by immutable on-chain data.
Tech Stack
Framework: React (Next.js)
Styling: Tailwind CSS, custom variables
Animation: Framer Motion
Backend: Node js
Blockchain: NEAR Protocol (wallet + smart contract integration)
Key Frontend Features
1- Restaurant Discovery UI
Users can browse restaurants via card view or explore on a dynamic map. Each card showcases real-time ratings and freshness indicators.
<Card
title="Veggie Haven"
location="San Francisco, CA"
rating={4.8}
image={image}
/>2- Geolocation-Based Search
Explore nearby blockchain-verified restaurants on an interactive map with filters for rating, date, time, and party size.
<MapComponent
pins={restaurantLocations}
selected={currentSelection}
/>3- Verified Reviews Section
Every review is tied to a wallet and stored immutably on-chain. TrustyBite makes it impossible to fake feedback or manipulate ratings.
<>
<div className="my-[2.5vw] flex justify-between items-center">
<div className="flex items-center">
<p className={`${SatoshiFont.className} text-black font-bold text-[4vw] mr-[1vw]`}>4.7</p>
<div>
<p className={`${SatoshiFont.className} text-black font-bold`}>Very good</p>
<p className={`${SatoshiFont.className} text-black`}>371 verified reviews</p>
</div>
<div className="flex justify-center">
<p className={`${SatoshiFont.className} text-black font-medium flex text-[1vw]`}>All data verified and stored on the
<Image draggable={false} className="w-[3vw] mx-[0.2vw]" src={nearSmall} width={0} height={0} alt="near small" />
Blockchain
</p>
</div>
<button onClick={() => setLeaveReview(true)} className={`${SatoshiFont.className} text-white rounded-[0.3vw] bg-[#01B7E6] p-[0.5vw] text-[1.2vw] w-[12vw]`}>Leave a review</button>
</div>
</>4- Restaurant Details + Ratings Dashboard
Visitors can explore each restaurant's hygiene score, freshness rating, and blockchain-backed review count — all within a responsive UI that invites trust.
Design System
Primary Color: --primary-color in cyan-blue used for buttons, tags, and status indicators
Layout: Grid-based system optimized for restaurant browsing, map exploration, and mobile UX
Visual Style: Clean, accessible design with NEAR blockchain trust indicators and real food photography
Component Library: Built with reusable components for listings, modals, reviews, and booking forms
Challenges
Designing around real-time freshness/cleanliness data without cluttering the UI
Mapping IoT data and blockchain status into readable, non-technical UI elements
Preventing UI lag when fetching verified reviews from NEAR smart contracts
Balancing transparency with privacy in blockchain-based user reviews
Use Case Highlights
Health Compliance: Proof of hygiene compliance stored on-chain
Consumer Trust: Real-time, tamper-proof cleanliness ratings
Incentivization: Rewards for restaurants that maintain top hygiene scores
Review Transparency: No fake reviews — all user feedback is wallet-verified
The Results
TrustyBite quickly stood out in the food safety space, pairing real-time IoT verification and NEAR-backed transparency with a clean, credible product experience — the kind of brand and interface that signals reliability at a glance.
Top 3
Winning 3rd place in a 1M$ prize pool hackathon where only the best compete.
>1500+
Beating more than 1500 teams from all around the world.
Getting a ready to launch product in less than 1 month.
Created a robust Product design and front-end code.