project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5
project screenshot 6

On The Way (OTW)

Capture your travels with secure check-ins anywhere you go. Log your adventures privately on the blockchain, and earn unique NFTs as digital souvenirs when you visit curated hotspots. Explore the world and turn your journey into lasting memories. 🌍📍🗺️

On The Way (OTW)

Created At

ETHGlobal Bangkok

Project Description

On The Way (OTW) is designed for travelers who want to capture their journeys in a unique, immersive way without relying on traditional social media.

With OTW, users can check in anywhere they’ve been, logging their visits on the blockchain to create a private and secure travel diary. For every check-in, users build a verifiable timeline of their adventures. When users check in at predefined, curated hotspots, OTW rewards them with unique NFTs—digital souvenirs that commemorate visits to these special locations. These collectible tokens are a memorable keepsake, representing the standout landmarks and moments of your travels.

The app also features a personalized profile where you can showcase your NFT collection and view an interactive map of the places you’ve logged.

Whether you’re hiking up a mountain, visiting a cultural landmark, or just exploring a new city, OTW turns your travel experiences into lasting digital memories. It’s the perfect companion for anyone who loves to explore.

How it's Made

  • Frontend Development

    • NextJS & TypeScript: We chose React for a responsive, component-based UI, and TypeScript for type safety and efficient development. This helped us create a seamless experience, ensuring users can easily check-in and view their travel logs.

    • Privy for Authentication: For a privacy-first approach, we used Privy for user authentication. It allows users to sign in using their wallet without compromising personal data. This integration streamlined the onboarding process while ensuring secure access to the platform.

    • Map Integration (Google Maps): We used Google Maps to display an interactive map interface where users can see their check-in history and nearby hotspots. It provides a visually engaging way for users to explore their travel data.

  • Smart Contracts

    • Polygon Network: We deployed our smart contracts on Polygon for its EVM compatibility, low fees, and scalability. This choice made it cost-effective for users to interact with the blockchain without high gas fees.

    • ERC-721 Standard for NFTs: We implemented the ERC-721 standard for minting unique NFTs as digital souvenirs. When users check in at a predefined hotspot, the smart contract mints a personalized NFT, making each token a unique keepsake tied to a specific location.

    • Hardcoded Hotspots: For the MVP, we predefined a list of hotspots directly in the smart contract. This allowed us to control the locations where NFTs can be minted, focusing on popular landmarks and significant destinations.

  • Location Verification

    • Geolocation API: We use the browser’s Geolocation API to fetch the user’s current coordinates. This data is then verified against the curated list of hotspots. If the user is within a certain radius of a hotspot, they are eligible to mint an NFT.

    • Future Integration with Chainlink GPS Oracles: While our MVP uses off-chain verification, we’ve designed the system to support Chainlink GPS Oracles in the future. This will enable on-chain location verification, adding a trustless layer to the check-in process.

  • Data Indexing and Visualization

    • The Graph for Subgraphs: We implemented The Graph to index user check-in data. We created subgraphs based on countries and specific locations, allowing us to query the data efficiently. This integration made it possible to visualize user journeys and provide insights into their travel history. • Apollo Client: Our frontend uses Apollo Client to fetch data from The Graph’s API. This enables real-time updates and a smooth display of travel logs and NFT collections.

  • Future Integration

Data Storage:

• Filecoin for Decentralized Storage: User-generated content, including photos, travel notes, and metadata for each NFT, is stored on Filecoin. By leveraging decentralized storage, we ensure that user data is secure, censorship-resistant, and owned by the users themselves.

• Web3.Storage: To simplify integration with Filecoin, we used Web3.Storage, which offers an easy API for uploading and managing files. This made it straightforward to handle decentralized storage without extensive backend configuration.

• Dynamic NFT Metadata Generation: We created a unique system for generating NFT metadata dynamically. Each NFT is personalized based on the specific hotspot visited, including anime-themed designs and custom traits. This adds a creative twist, making each NFT a one-of-a-kind digital souvenir.

• Off-Chain Location Verification: For the MVP, we opted for off-chain location verification to simplify development and reduce costs. However, we’ve structured the codebase to integrate on-chain verification via oracles in future updates easily.

  • Slides:

    • https://www.figma.com/design/9RwhkeFGqJtWPpbHPIolOt/Presentation

  • Contract addresses:

Polygon zkEVM Contract Address:

• V1: 0x4feeF965991ECfe3A184AD51350130133238fca4 / https://cardona-zkevm.polygonscan.com/address/

• Final: 0x123bf069e87ccF152DE6eC53bf86a1e47255aC01 / https://cardona-zkevm.polygonscan.com/address/0x123bf069e87ccF152DE6eC53bf86a1e47255aC01

Arbitrum:

• Final : 0xd425d05C83fa7c91fDe57c5D932CB52DCfB25d81 / https://sepolia.arbiscan.io/address/0xd425d05C83fa7c91fDe57c5D932CB52DCfB25d81

Scroll:

• Final: 0xd425d05C83fa7c91fDe57c5D932CB52DCfB25d81

background image mobile

Join the mailing list

Get the latest news and updates