DEV Community: TARUN KUMAR UTTAM

#Scentinel — Reconnecting Lost Dogs with Decentralized AI Matching and Voice Broadcasts

TARUN KUMAR UTTAM — Sat, 15 Aug 2026 12:50:14 +0000

This is a submission for Weekend Challenge: Dog Days Edition

What I Built

Scentinel is a decentralized community lost-dog verification network. The goal is to solve the classic neighborhood lost-dog problem by replacing unreliable paper flyers with an interactive, AI-driven, and blockchain-verified matching system.

Key features of Scentinel include:

Dog Registry & Dashboard: Owners register their dogs with key physical traits (breed, size, markings) and a photo.
AI Spoken Alert Scripts: When reported lost, a highly descriptive, urgent, and concise text script is automatically generated from the dog's characteristics.
Neighborhood Voice Alerts: The alert script is synthesized into high-quality speech and uploaded as a public MP3 broadcast.
Multimodal AI Sighting Verification: Anyone who spots a stray dog can upload a photo and location. The system performs parallel feature comparisons of the stray's photo against all active missing alerts.
Decentralized Verification proof: When an owner confirms a matching sighting, an immutable verification receipt is written to the Solana blockchain, securing the match.

Demo

GitHub Repository: github.com/zastixx/Scentinel

YouTube Demo: Watch the demo on YouTube
Design System: A custom Notion (55%) × Duolingo (45%) aesthetic featuring rich typography, interactive 3D buttons that respond with tactile vertical translations, progress bars, and custom audio players.

Code

zastixx / Scentinel

Scentinel — Decentralized Lost-Dog Verification Network

Scentinel is a web-based, decentralized lost-dog verification network. It enables dog owners to register their pets, toggle their status to missing, and instantly generate and broadcast localized spoken voice alerts. Strays spotted by the community can be photographed and reported anonymously; our Gemini AI comparison engine compares features against active lost reports with detailed reasoning. Once a match is confirmed, proof of recovery is written permanently to the Solana Devnet blockchain.

Demo Video

https://www.youtube.com/embed/K2kErdIGdTw?si=OoKzGnp8KR2728mz

Technical Stack & Architecture

Frontend: React (v19) + Vite + TypeScript + Tailwind CSS (v4) + React Router (v6). Adheres to a custom Notion × Duolingo hybrid design system.
Backend: Node.js + Express + TypeScript.
Database & Storage: Supabase (PostgreSQL database + storage buckets for images and audio files).
Integrations
- Google Gemini API (Gemini 2.5 Flash): Visual image comparison and spoken audio script drafting.
- ElevenLabs API…

View on GitHub

How I Built It

The application is structured as a fullstack TypeScript project:

1. Frontend: React, Vite, & CSS Variables

The frontend is designed with a premium, responsive Notion × Duolingo look:

Clean borders, generous whitespace, and minimal lines inspired by Notion.
Deep, bright color accents, rounded boundaries, and 3D tactile push buttons inspired by Duolingo.
Customized components (e.g. AudioPlayer, ProgressBar, and Card) styled entirely with Vanilla CSS variables.

2. Backend: Node.js, Express, & Supabase

Express server handling REST endpoints for registration, alerts, sightings, and verification confirmation.
Supabase relational tables mapping dogs, alerts, sightings, and matches.
Automated Supabase Storage bucket policy configurations for public access/uploads with strict RLS (Row-Level Security) protection.

3. Google Gemini (Interactions API / gemini-3.6-flash)

Leverages the brand-new Gemini Interactions API for advanced model behavior.
Generates localized spoken script text from dog details.
Performs parallel image-to-image comparison between sighting uploads and registered dog photos.
Configured with a dual-provider fallback system: if the direct Gemini API fails or limits are reached, the system automatically catches the error and retries the request via the OpenRouter API utilizing the google/gemma-4-26b-a4b-it:free model.

4. ElevenLabs Voice Synthesis

Automatically converts missing alert scripts into high-fidelity voice announcements using the eleven_multilingual_v2 model.
Includes a self-healing fallback mechanism: if a specific voice ID is missing or subscription limits are hit, it queries the account's available voices and immediately retries the generation.

5. Solana Blockchain Verification

Logs confirmation metadata (match ID, sighting ID, confidence score, and timestamp) directly onto the Solana Devnet ledger.
Communicates with the standard Solana Memo Program to register permanent, tamper-proof proof of verification.

Prize Categories

1. Best Use of Solana

Scentinel makes verification transparent by recording successful matches on the Solana Devnet ledger using the Memo program. This establishes a permanent, cryptographic link between the sighting, the owner's confirmation, and the matching confidence score.

2. Best Use of ElevenLabs

Neighborhood alerts are turned into high-fidelity voice broadcasts using ElevenLabs Text-to-Speech. Instead of reading text, users listen to automatically generated, urgent neighborhood announcements on the shareable public alert page.

3. Best Use of Google AI

Scentinel leverages Google Gemini 3.6-Flash (Interactions API) for two critical stages:

Custom prompt parameters to draft clean, spoken alert scripts.
Multimodal image processing to compare sighting photos with missing dog photos, returning a structured confidence percentage and breed-trait reasoning.

Desizen: Empowering Designers with Practical UI/UX Challenges Introduction

TARUN KUMAR UTTAM — Sun, 27 Oct 2024 19:01:09 +0000

Introduction
In the evolving field of design, continuous skill enhancement is essential. Desizen is India’s first platform dedicated to helping UI/UX designers grow through hands-on challenges that mimic real-world tasks.

What is Desizen?
Desizen offers a range of practical UI/UX design challenges suitable for all skill levels. The platform bridges the gap between theory and practice, providing designers with opportunities to create portfolio-worthy work.

How It Works

Sign Up: Create an account on the Desizen website.
Choose a Challenge: Select from various challenges based on your skill level.
Follow Guidelines: Each challenge includes detailed instructions.
Submit Work: Get feedback from peers after completing the challenge.
Build Your Portfolio: Showcase your designs to attract employers.
Why Choose Desizen?
Hands-On Experience: Focus on real-world design problems.
Community Support: Connect with fellow designers for feedback and collaboration.
Free Access: Most challenges are free, making design learning accessible.

Who Can Benefit?
Desizen is perfect for students, freelancers, and experienced designers looking to enhance their skills and build impressive portfolios.

Get Started
Ready to level up your design skills? Visit designzen.me to join today!

Conclusion
Desizen empowers designers to grow through practical challenges and community support. Join us and unlock your full potential as a designer!

Desizen #UIDesign #UXDesign #DesignChallenges #PortfolioBuilding #CreativeCommunity #LearnDesign #DesignInspiration #DigitalDesign #DesignGrowth

GLITCH TEXT EFFECT

TARUN KUMAR UTTAM — Fri, 19 Aug 2022 16:20:00 +0000

#GLITCH TEXT EFFECT IN HTML
#GLITCH TEXT EFFECT IN CSS
#GLITCH TEXT EFFECT IN JAVA

STEP1 - USE THIS IN INDEX.HTML

 <span>
 <p style="color:rgb(253, 253, 253);">@CODE WITH ZASTIXX</p>
 </span>

STEP2- USE THIS IN CSS



SPAN {

    font-size: 4rem;
    transition: .3 all ease;
    cursor: pointer;
    letter-spacing: 8px;
    text-shadow: #ff0000 0 0,
        #00ffff 0 0;

}

span:hover {

 text-shadow:
           #ff0000 -5px 0,
           #00ffff 5px 0;

}

OUR SOCIAL LINK
INSTAGRAM
YOUTUBE

Crashing Instagram with a Message!

TARUN KUMAR UTTAM — Tue, 01 Feb 2022 14:02:25 +0000

Yes you read it right.

You can crash anyone’s Instagram by sending them a DM.

I will straight come to the point.

If you copy pasted below message in friend’s DM and when he clicks on it his Instagram crashes.

Reason?

The characters of this message have not been indexed in Instagram.

Instagram needs to index every language and special characters. But when new character is indexed in Instagram DM it can't recognise it.

This message is a mobile strucking message

ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘͢͢⁦ ✘͢͢ۦོ͢✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘͢͢⁦ ✘͢͢ۦོ͢✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘ ✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘͢͢⁦ ✘͢͢ۦོ͢✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘͢͢⁦ ✘͢͢ۦོ͢✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘ ✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘͢͢⁦ ✘͢͢ۦོ͢✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘͢͢⁦ ✘͢͢ۦོ͢✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘ ✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘͢͢⁦ ✘͢͢ۦོ͢✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷↬ۦོ͢✰͢⇣͢✘͢͢⁦ ✘͢͢ۦོ͢✘͢͢ۦོ͢⇣͢✰͢↬ÂмRØ^^O̷ ꦿ⃕O̷

Comment Below
Did you send to your friend ?
Follow us on Instagram
Follow us on Instagram

Learn HTML Using Notepad (Pc) or TextEdit (Mac) #1

TARUN KUMAR UTTAM — Tue, 03 Aug 2021 15:56:18 +0000

Step 1: Open Notepad (PC)
Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

Step 2: Write Some HTML

Write or copy the following HTML code into Notepad:

Step 3: Save the HTML Page

Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file "index.html" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

Tip: You can use either .htm or .html as file extension. There is no difference, it is up to you.***

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").

The result will look much like this: