1<!DOCTYPE html> 2<html lang="en" data-theme="dark"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>About â Abhay Donde · Ziphay</title> 7 <link rel="icon" type="image/png" href="favicon.png"> 8 <link rel="manifest" href="manifest.json"> 9 <meta name="theme-color" content="#00d4aa"> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet"> 13 <link rel="stylesheet" href="pages.css"> 14 <style> 15 .about-hero { display:grid; grid-template-columns:1fr auto; gap:32px; align-items:start; margin-bottom:48px; } 16 .avatar-ring { 17 width:100px; height:100px; border-radius:50%; 18 background:linear-gradient(135deg,#00d4aa,#8b5cf6); 19 display:flex; align-items:center; justify-content:center; 20 font-size:2.8rem; flex-shrink:0; 21 box-shadow:0 0 40px rgba(0,212,170,.3); 22 } 23 .skill-tags { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 20px; } 24 .skill-tag { padding:4px 13px; border-radius:100px; font-size:.73rem; font-weight:600; background:var(--glass); border:1px solid var(--border); color:var(--muted); } 25 .project-card { 26 background:var(--card); border:1px solid var(--border); border-radius:var(--r2); 27 padding:24px; margin-bottom:14px; transition:.25s; 28 } 29 .project-card:hover { border-color:rgba(0,212,170,.22); transform:translateY(-3px); } 30 .project-card-head { display:flex; align-items:center; gap:10px; margin-bottom:10px; } 31 .project-emoji { font-size:1.6rem; } 32 .project-name { font-family:'Syne',sans-serif; font-weight:700; font-size:1rem; } 33 .project-desc { color:var(--muted); font-size:.84rem; line-height:1.65; } 34 .project-stack { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; } 35 .stack-tag { padding:2px 9px; border-radius:6px; font-size:.67rem; font-weight:700; background:rgba(0,212,170,.08); color:var(--teal); border:1px solid rgba(0,212,170,.18); } 36 .ziphay-highlight { 37 background:linear-gradient(135deg,rgba(0,212,170,.07),rgba(139,92,246,.05)); 38 border:1px solid rgba(0,212,170,.2); border-radius:var(--r2); 39 padding:28px; margin-bottom:14px; 40 } 41 .quote-block { 42 border-left:3px solid var(--teal); padding:12px 20px; 43 background:var(--card); border-radius:0 var(--r) var(--r) 0; 44 color:var(--muted); font-size:.9rem; font-style:italic; 45 margin:20px 0; 46 } 47 @media(max-width:540px){ .about-hero { grid-template-columns:1fr; } .avatar-ring { width:72px; height:72px; font-size:2rem; } } 48 </style> 49</head> 50<body> 51 52 <!-- NAV --> 53 <nav class="pg-nav"> 54 <div class="pg-nav-inner"> 55 <a href="index.html" class="pg-logo"> 56 <div class="pg-logo-icon"><svg viewBox="0 0 24 24"><path d="M13 2L4.5 13.5H11L9 22L19.5 10H13Z"/></svg></div> 57 Ziphay<span>.</span> 58 </a> 59 <div class="pg-nav-right"> 60 <a href="index.html" class="pg-back-btn">â Back to Ziphay</a> 61 <a href="blog.html">Blog</a> 62 <a href="contact.html">Contact</a> 63 <button class="pg-theme-btn" id="themeBtn" title="Toggle theme">ð</button> 64 </div> 65 </div> 66 </nav> 67 68 <!-- MAIN --> 69 <div class="pg-wrap"> 70 71 <!-- HERO --> 72 <div class="about-hero"> 73 <div> 74 <div class="pg-tag">About the Creator</div> 75 <h1 class="pg-title">ð Hello! I'm<br><em>Abhay Sachin Donde</em></h1> 76 <p style="color:var(--muted);font-size:.95rem;margin-bottom:14px">Founder & Builder of Ziphay AI · Software Engineer · AI Enthusiast · Startup Founder</p> 77 <p style="color:var(--muted);font-size:.85rem">ð Nashik, Maharashtra, India</p> 78 <div class="skill-tags" style="margin-top:14px"> 79 <span class="skill-tag">Python</span> 80 <span class="skill-tag">Java</span> 81 <span class="skill-tag">C</span> 82 <span class="skill-tag">React</span> 83 <span class="skill-tag">Node.js</span>
84 <span class="skill-tag">Flask</span> 85 <span class="skill-tag">Firebase</span> 86 <span class="skill-tag">Android</span> 87 <span class="skill-tag">AI / ML</span> 88 <span class="skill-tag">Computer Vision</span> 89 </div> 90 <div class="founder-roles" style="margin-top:12px"> 91 <span class="founder-role primary">Founder & Builder of Ziphay AI</span> 92 <span class="founder-role">Computer Engineering Student</span> 93 <span class="founder-role">Technology Builder</span> 94 <span class="founder-role">AI Enthusiast</span> 95 <span class="founder-role">Startup Founder</span> 96 <span class="founder-role">Filmmaker & Story Writer</span> 97 <span class="founder-role">Developer Tools Creator</span> 98 <span class="founder-role">Future Product Visionary</span> 99 </div> 100 </div> 101 <div class="avatar-ring">ð¨âð»</div> 102 </div> 103 104 <!-- BIO --> 105 <div class="prose"> 106 <p>I am a passionate developer currently pursuing my <strong>Bachelor of Engineering in Computer Engineering</strong> at Pravara College of Engineering, having recently completed my <strong>Diploma in Computer Technology</strong> from K.K. Wagh Engineering College.</p> 107 <p>I specialize in bridging the gap between complex backend logic and intuitive, visually striking user experiences. My work lives at the intersection of engineering precision and creative vision.</p> 108 109 <div class="quote-block">"I firmly believe that studying the direction, pacing, and visual effects of great films gives me a unique advantage as a developer â it trains me to care deeply about the UI/UX, the flow of an application, and the ultimate story a product tells its users."</div> 110 111 <h2>ð Education & Experience</h2> 112 <div class="project-card"> 113 <div class="project-card-head"> 114 <span class="project-emoji">ð</span> 115 <div> 116 <div class="project-name">Bachelor of Engineering â Computer Engineering</div> 117 <div style="color:var(--muted);font-size:.8rem">Pravara College of Engineering · Ongoing</div> 118 </div> 119 </div> 120 </div> 121 <div class="project-card"> 122 <div class="project-card-head"> 123 <span class="project-emoji">ð</span> 124 <div> 125 <div class="project-name">Diploma in Computer Technology</div> 126 <div style="color:var(--muted);font-size:.8rem">K.K. Wagh Engineering College · Completed</div> 127 </div> 128 </div> 129 </div> 130 <div class="project-card"> 131 <div class="project-card-head"> 132 <span class="project-emoji">ð±</span> 133 <div> 134 <div class="project-name">Android Developer Intern â Sumago Infotech</div> 135 <div style="color:var(--muted);font-size:.8rem">Built the "AEK Tunes" music application</div> 136 </div> 137 </div> 138 <p class="project-desc">Designed and developed a full-featured Android music player application, gaining hands-on experience with cross-platform mobile architecture and native Android development patterns.</p> 139 <div class="project-stack"><span class="stack-tag">Android</span><span class="stack-tag">Java</span><span class="stack-tag">XML</span></div> 140 </div> 141 142 <hr class="pg-divider"> 143 144 <!-- ZIPHAY HIGHLIGHT --> 145 <h2>â¡ Ziphay â The Project You're Using Right Now</h2> 146 <div class="ziphay-highlight"> 147 <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px"> 148 <div style="width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#00d4aa,#0a8f72);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,212,170,.3)"> 149 <svg viewBox="0 0 24 24" style="width:22px;fill:white"><path d="M13 2L4.5 13.5H11L9 22L19.5 10H13Z"/></svg> 150 </div> 151 <div> 152 <div style="font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem">Ziphay</div> 153 <div style="color:var(--teal);font-size:.78rem;font-weight:600">Smart Compression. Zero Compromise.</div> 154 </div>
155 <span class="badge badge-teal" style="margin-left:auto">Live Product</span> 156 </div> 157 <p class="project-desc">Ziphay is my vision for what a modern file compression and upscaling tool should feel like â fast, private, beautiful, and genuinely useful. Built entirely with vanilla HTML, CSS, and JavaScript with zero backend dependency, it runs 100% in the user's browser using the Canvas API and fflate GZIP engine.</p> 158 <p class="project-desc" style="margin-top:8px">Every pixel of the UI was crafted from scratch â from the glassmorphism upload card to the real before/after comparison slider. Ziphay represents my belief that developer tools don't have to look like developer tools.</p> 159 <div class="project-stack" style="margin-top:12px"> 160 <span class="stack-tag">HTML5</span><span class="stack-tag">CSS3</span><span class="stack-tag">Vanilla JS</span> 161 <span class="stack-tag">Canvas API</span><span class="stack-tag">fflate (GZIP)</span> 162 <span class="stack-tag">WebAssembly-ready</span> 163 </div> 164 <div style="margin-top:16px;display:flex;gap:10px;flex-wrap:wrap"> 165 <span class="badge badge-green">â File Compression</span> 166 <span class="badge badge-teal">â Image Upscaling 2Ã/4Ã/8Ã</span> 167 <span class="badge badge-purple">â Before/After Slider</span> 168 <span class="badge badge-muted">â Dark/Light Mode</span> 169 <span class="badge badge-gold">â Goal-based Modes</span> 170 </div> 171 </div> 172 173 <hr class="pg-divider"> 174 175 <h2>ð¤ ScholarBot â Flagship AI Project</h2> 176 <div class="project-card"> 177 <div class="project-card-head"> 178 <span class="project-emoji">ð¤</span> 179 <div> 180 <div class="project-name">ScholarBot</div> 181 <div style="color:var(--muted);font-size:.78rem">Multimodal AI Tutoring Platform · SaaS Prototype</div> 182 </div> 183 <span class="badge badge-purple" style="margin-left:auto">EdTech + AI</span> 184 </div> 185 <p class="project-desc">My flagship project â an elite, multimodal AI tutoring platform engineered specifically for university students. Representing the intersection of EdTech and generative AI, it operates as a fully-fledged SaaS prototype.</p> 186 <ul style="color:var(--muted);font-size:.83rem;padding-left:18px;margin-top:10px;line-height:1.8"> 187 <li><strong>Modern Stack</strong> â Python, Flask, Google Gemini 2.5 Flash AI, Firebase</li> 188 <li><strong>Multimodal Tools</strong> â Interactive HTML5 whiteboard for real-time diagram analysis</li> 189 <li><strong>Collaborative Learning</strong> â Live group study synchronization + secure auth</li> 190 <li><strong>Adaptive AI</strong> â Context-aware personas: "Code Reviewer" to "Professor Mode"</li> 191 </ul> 192 <div class="project-stack" style="margin-top:12px"> 193 <span class="stack-tag">Python</span><span class="stack-tag">Flask</span> 194 <span class="stack-tag">Gemini 2.5</span><span class="stack-tag">Firebase</span> 195 <span class="stack-tag">HTML5 Canvas</span> 196 </div> 197 </div> 198 199 <hr class="pg-divider"> 200 <h2>ð¡ More Projects</h2> 201 202 <div class="project-card"> 203 <div class="project-card-head"><span class="project-emoji">â</span><div><div class="project-name">Air Canvas</div><div style="color:var(--muted);font-size:.78rem">Computer Vision · Hand Gesture Recognition</div></div></div> 204 <p class="project-desc">An advanced computer-vision application that lets users draw on a virtual whiteboard using real-time hand gesture recognition. No touch required.</p> 205 <div class="project-stack"><span class="stack-tag">Python</span><span class="stack-tag">OpenCV</span><span class="stack-tag">MediaPipe</span></div> 206 </div> 207 208 <div class="project-card"> 209 <div class="project-card-head"><span class="project-emoji">ð±</span><div><div class="project-name">KrishiMitra</div><div style="color:var(--muted);font-size:.78rem">AgriTech · Farmer Advisory System</div></div></div> 210 <p class="project-desc">A dedicated web-based farmer advisory system designed to bridge the information gap between agricultural science and Indian farmers.</p> 211 <div class="project-stack"><span class="stack-tag">Web</span><span class="stack-tag">Python</span><span class="stack-tag">AI</span></div> 212 </div> 213 214 <div class="project-card"> 215 <div class="project-card-head"><span class="project-emoji">âï¸</span><div><div class="project-name">Solarix</div><div style="color:var(--muted);font-size:.78rem">
215CleanTech · Solar EV Charging</div></div></div> 216 <p class="project-desc">A conceptual web platform advancing solar-powered EV charging infrastructure â combining clean energy and modern mobility.</p> 217 <div class="project-stack"><span class="stack-tag">Web</span><span class="stack-tag">UI/UX</span><span class="stack-tag">CleanTech</span></div> 218 </div> 219 220 <hr class="pg-divider"> 221 222 <h2>ð¬ CineAbstra â The Creative Edge</h2> 223 <div class="project-card"> 224 <div class="project-card-head"> 225 <span class="project-emoji">ð¬</span> 226 <div><div class="project-name">CineAbstra</div><div style="color:var(--muted);font-size:.78rem">Founder & Creative Director · Upcoming Platform</div></div> 227 <span class="badge badge-gold" style="margin-left:auto">Upcoming</span> 228 </div> 229 <p class="project-desc">Beyond software engineering, I am the Founder and Creative Director of CineAbstra â an upcoming platform dedicated to filmmaking and creative education. I have a profound passion for cinema and visual storytelling.</p> 230 <p class="project-desc" style="margin-top:6px">Studying the direction, pacing, and visual effects of great films gives me a unique edge as a developer â it trains me to care deeply about UI/UX, application flow, and the story a product tells.</p> 231 </div> 232 233 <hr class="pg-divider"> 234 235 <h2>ð Let's Connect</h2> 236 <p>Whether I'm optimizing an AI API route, training a hand-gesture recognition model, or conceptualizing a new startup â I'm always eager to push boundaries. I'm actively looking for opportunities to collaborate on innovative projects that leverage AI and modern web technologies.</p> 237 <p><strong>Let's connect and build something extraordinary.</strong></p> 238 <div style="margin-top:20px;display:flex;gap:12px;flex-wrap:wrap"> 239 <a href="contact.html" style="display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:var(--teal);color:#07070f;border-radius:var(--r);font-family:'Syne',sans-serif;font-weight:700;font-size:.88rem;text-decoration:none;transition:.2s;box-shadow:0 0 22px rgba(0,212,170,.3)">âï¸ Contact Me</a> 240 <a href="blog.html" style="display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:transparent;color:var(--teal);border:1px solid rgba(0,212,170,.3);border-radius:var(--r);font-family:'Syne',sans-serif;font-weight:700;font-size:.88rem;text-decoration:none;transition:.2s;">ð Read the Blog</a> 241 </div> 242 243 <hr class="pg-divider"> 244 245 <h2 id="community-partners">ð¤ Community Partners</h2> 246 <div class="partner-section"> 247 <div class="partner-card"> 248 <div class="partner-card-head"> 249 <div class="partner-logo"> 250 <img src="grid-logo.png" alt="GRID Community Logo" loading="lazy"> 251 </div> 252 <div> 253 <div class="partner-name">GRID Community</div> 254 <span class="partner-role-badge">Technology Community Partner</span> 255 </div> 256 <span class="badge badge-teal" style="margin-left:auto">Community Partner</span> 257 </div> 258 <p class="partner-desc">Ziphay AI proudly collaborates with GRID Community, an independent Machine Learning and Technology community founded by <strong style="color:var(--purple)">Ganpati Raj</strong>. GRID supports innovation, learning, technical collaboration, mentorship, and community-driven growth among students, working professionals, builders, researchers, and technology enthusiasts.</p> 259 <p class="partner-desc" style="margin-bottom:16px">Community feedback and testing insights from GRID members help Ziphay AI improve product quality and user experience.</p> 260 261 <!-- GRID Founder --> 262 <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px"> 263 <div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.05));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 0 12px rgba(139,92,246,.1)">ð¤</div> 264 <div style="font-size:.8rem;color:var(--muted);line-height:1.5"> 265 <strong style="color:var(--text)">Ganpati Raj</strong><br>
266 <span style="font-size:.68rem;color:var(--purple);font-weight:600">Founder of GRID</span><br> 267 ML Enthusiast · Developer · Community Builder · Technology Educator 268 </div> 269 </div> 270 <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r);margin-bottom:16px"> 271 <div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.05));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 0 12px rgba(139,92,246,.1)">ð¤</div> 272 <div style="font-size:.8rem;color:var(--muted);line-height:1.5"> 273 <strong style="color:var(--text)">Krishna Lal</strong><br> 274 <span style="font-size:.68rem;color:var(--purple);font-weight:600">Vice President of GRID</span><br> 275 Developer · Community Leader 276 </div> 277 </div> 278 279 <div class="partner-highlights"> 280 <span class="partner-tag">âï¸ Google Cloud Cohorts</span> 281 <span class="partner-tag">ð§ ML & AI Learning</span> 282 <span class="partner-tag">ð§âð» Hackathons</span> 283 <span class="partner-tag">ð Technical Workshops</span> 284 <span class="partner-tag">ð LinkedIn Networking</span> 285 <span class="partner-tag">ð Certifications</span> 286 <span class="partner-tag">ð Startup Showcases</span> 287 <span class="partner-tag">ð¤ Peer Mentorship</span> 288 <span class="partner-tag">ð Career Growth</span> 289 <span class="partner-tag">ð Community Giveaways</span> 290 </div> 291 <div class="partner-quote"> 292 "GRID serves as a valuable community partner by fostering collaboration, knowledge sharing, technical mentorship, and innovation among developers, students, and technology enthusiasts." 293 </div> 294 <div style="margin-top:16px;display:flex;gap:10px;flex-wrap:wrap"> 295 <a href="https://chat.whatsapp.com/Gy5MEE62EJ11IUlBr59bYo" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:var(--teal);color:#07070f;border-radius:var(--r);font-family:'Syne',sans-serif;font-weight:700;font-size:.8rem;text-decoration:none;transition:.2s;box-shadow:0 0 16px rgba(0,212,170,.2)">ð Join GRID Community</a> 296 </div> 297 </div> 298 </div> 299 300 <hr class="pg-divider"> 301 302 <h2>ð¥ Independent Founders</h2> 303 <p style="color:var(--muted);font-size:.85rem;margin-bottom:16px">Ziphay AI and GRID Community are independent entities collaborating through a community partnership.</p> 304 <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:14px"> 305 <div class="project-card" style="text-align:center;border-color:rgba(0,212,170,.15)"> 306 <div style="font-size:1.8rem;margin-bottom:8px">ð¨âð»</div> 307 <div class="project-name">Abhay Sachin Donde</div> 308 <div style="color:var(--teal);font-size:.72rem;font-weight:600;margin:4px 0 8px">Founder & Builder of Ziphay AI</div> 309 <div style="color:var(--muted);font-size:.76rem">Computer Engineering Student · AI Enthusiast · Startup Founder</div> 310 <div class="stack-tag" style="margin-top:10px;display:inline-block">â¡ Independent Product</div> 311 </div> 312 <div class="project-card" style="text-align:center;border-color:rgba(139,92,246,.15)"> 313 <div style="font-size:1.8rem;margin-bottom:8px">ð¤</div> 314 <div class="project-name">Ganpati Raj</div> 315 <div style="color:var(--purple);font-size:.72rem;font-weight:600;margin:4px 0 8px">Founder of GRID</div> 316 <div style="color:var(--muted);font-size:.76rem">ML Enthusiast · Developer · Community Builder · Technology Educator</div> 317 <div class="stack-tag" style="margin-top:10px;display:inline-block;background:rgba(139,92,246,.08);color:var(--purple);border-color:rgba(139,92,246,.18)">ð Independent Community</div> 318 </div> 319 <div class="project-card" style="text-align:center;border-color:rgba(139,92,246,.15)"> 320 <div style="font-size:1.8rem;margin-bottom:8px">ð¤</div> 321 <div class="project-name">Krishna Lal</div> 322 <div style="color:var(--purple);font-size:.72rem;font-weight:600;margin:4px 0 8px">Vice President of GRID</div> 323 <div style="color:var(--muted);font-size:.76rem">Developer · Community Leader</div> 324 <div class="stack-tag" style="margin-top:10px;display:inline-block;background:rgba(139,92,246,.08);color:var(--purple);border-color:rgba(139,92,246,.18)">ð Independent Community</div> 325 </div> 326 </div> 327 </div> 328 </div> 329 330 <!-- FOOTER --> 331 <footer class="pg-footer"> 332 © 2026 <strong>Abhay Sachin Donde</strong> · Ziphay AI. All rights reserved. · 333 <a href="index.html">Back to Ziphay</a> · 334 <a href="privacy.html">Privacy</a> · 335 <a href="terms.html">Terms</a> · 336 Community Partner: GRID 337 </footer> 338 339
339<script src="theme-toggle.js"></script>
339 340</body> 341</html> 342 343
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.