CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="/favicon-32.png" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="manifest" href="/manifest.json" /> <meta name="theme-color" content="#f0f0e1" /> <link rel="apple-touch-icon" href="/icon-512x512.png" /> <script src="https://checkout.razorpay.com/v1/checkout.js"></script> <noscript> <style> .loader { display: none !important; } </style> </noscript> <link href="./_app/immutable/assets/0.ArD9zPMc.css" rel="stylesheet"> <link href="./_app/immutable/assets/4.DmmL-dQR.css" rel="stylesheet"> <meta name="description" content="My rants on web development. You will find free Svelte and Sveltekit courses, tutorials, opinions, and more."> <link rel="canonical" href="https://webjeda.com">         <meta name="robots" content="index,follow"> <meta name="googlebot" content="index,follow">   <meta name="twitter:site" content="@webjeda"><meta name="twitter:title" content="Webjeda | My web development journey"><meta name="twitter:description" content="My rants on web development. You will find free Svelte and Sveltekit courses, tutorials, opinions, and more."><meta name="twitter:image" content="https://webjeda.com/webjeda-preview.png"><meta name="twitter:image:alt" content="webjeda preview"> <meta property="og:title" content="Webjeda | My web development journey"> <meta property="og:description" content="My rants on web development. You will find free Svelte and Sveltekit courses, tutorials, opinions, and more.">  <meta property="og:image:url" content="https://webjeda.com/webjeda-preview.png"><meta property="og:image:alt" content="webjeda preview">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap" rel="stylesheet"><title>Webjeda | My web development journey</title> </head> <body> <div style="display: contents"><div class="loader svelte-1m4l6h9"><svg class="loading-svg svelte-1m4l6h9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgba(0,0,0,0,0); display: block; shape-rendering: auto;" width="204px" height="204px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><path fill="none" stroke-width="8" stroke-dasharray="42.76482137044271 42.76482137044271" d="M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z" stroke-linecap="round" style="transform:scale(0.8);transform-origin:50px 50px"><animate attributeName="stroke-dashoffset" repeatCount="indefinite" dur="1.8518518518518516s" keyTimes="0;1" values="0;256.58892822265625"></animate></path></svg></div> <header class="svelte-pzpkke "><nav class="wrapper svelte-pzpkke"><button class="brand svelte-pzpkke"><a data-sveltekit-prefetch="" href="/" title="webjeda logo" class="svelte-pzpkke"><span>W</span>   <span>J</span>   <em class="svelte-pzpkke">.</em></a></button> <ul class="svelte-pzpkke"><li class="svelte-pzpkke"><a data-sveltekit-prefetch="" href="/" title="Home" class="svelte-pzpkke active">Home</a></li><li class="svelte-pzpkke"><a data-sveltekit-prefetch="" href="/blog" title="Blog posts, articles" class="svelte-pzpkke ">Blog</a></li><li class="svelte-pzpkke"><a data-sveltekit-prefetch="" href="/courses" title="Svelte, Sveltekit courses" class="svelte-pzpkke ">Courses</a></li><li class="svelte-pzpkke"><a data-sveltekit-prefetch="" href="/themes" title="Svelte, Sveltekit themes" class="svelte-pzpkke ">Themes</a></li> <li class="svelte-pzpkke"><a data-sveltekit-prefetch="" href="#" title="Login or Signup to webjeda" class="svelte-pzpkke ">LogIn</a></li></ul></nav></header> <div class="wrapper svelte-3u8oaq"><main class="svelte-3u8oaq"> <p>My name is Sharath. I'm a web-developer.</p> <div class="mane svelte-1vslxg5"><div class="card card-1 svelte-1vslxg5"><div class="card-top-border svelte-1vslxg5"></div> <h2 class="svelte-1vslxg5">My Work</h2> <ul class="svelte-1vslxg5"><li class="svelte-1vslxg5"><a href="https://www.youtube.com/c/WebJeda/playlists" target="_blank" rel="noreferrer noopener" title="Sveltekit tutorial, Svelte tutorial, Jekyll tutorial videos" class="svelte-1vslxg5">YouTube Videos</a></li><li class="svelte-1vslxg5"><a href="https://chessgo.in/" target="_blank" rel="noreferrer noopener" title="Printable Chess puzzles database." class="svelte-1vslxg5">ChessGo.in</a></li><li class="svelte-1vslxg5"><a href="https://patra.webjeda.com" target="_blank" rel="noreferrer noopener" title="Share your note with anyone through a link, no database, no storage." class="svelte-1vslxg5">Patra</a></li><li class="svelte-1vslxg5"><a href="https://online-cv.webjeda.com/" target="_blank" rel="noreferrer noopener" title="A minimal Jekyll Theme to host your resume (CV)" class="svelte-1vslxg5">Online CV</a></li><li class="svelte-1vslxg5"><a href="https://snackerman.com/" target="_blank" rel="noreferrer noopener" title="An e-commerce site built using Sveltekit" class="svelte-1vslxg5">Snackerman.com</a></li><li class="svelte-1vslxg5"><a href="/works" target="_blank" rel="noreferrer noopener" title="More works" class="svelte-1vslxg5">More...</a></li></ul> <div class="cornershadow svelte-1vslxg5"></div></div><div class="card card-2 svelte-1vslxg5"><div class="card-top-border svelte-1vslxg5"></div> <h2 class="svelte-1vslxg5">My Skills</h2> <ul class="svelte-1vslxg5"><li class="svelte-1vslxg5">HTML, CSS, JS</li><li class="svelte-1vslxg5">Svelte, SvelteKit</li><li class="svelte-1vslxg5">Jekyll, Liquid</li><li class="svelte-1vslxg5">React, NextJS</li><li class="svelte-1vslxg5">Firebase, PocketBase</li><li class="svelte-1vslxg5">SEO, GoogleAds</li></ul> <div class="cornershadow svelte-1vslxg5"></div></div><div class="card card-3 svelte-1vslxg5"><div class="card-top-border svelte-1vslxg5"></div> <h2 class="svelte-1vslxg5">Say Hello</h2> <ul class="svelte-1vslxg5"><li class="svelte-1vslxg5"><a href="/contact" target="_blank" class="svelte-1vslxg5">Contact form</a></li><li class="svelte-1vslxg5"><a href="https://github.com/sharu725" target="_blank" rel="nofollow noreferrer noopener" class="svelte-1vslxg5">Github @sharu725</a></li><li class="svelte-1vslxg5"><a href="https://twitter.com/webjeda" target="_blank" rel="nofollow noreferrer noopener" class="svelte-1vslxg5">Twitter @webjeda</a></li><li class="svelte-1vslxg5"><a href="https://www.linkedin.com/in/sharathdt" target="_blank" rel="nofollow noreferrer noopener" class="svelte-1vslxg5">LinkedIn @sharathdt</a></li><li class="svelte-1vslxg5"><a href="https://lichess.org/@/sharath_dt" target="_blank" rel="nofollow noreferrer noopener" class="svelte-1vslxg5">Lichess @sharath_dt</a></li></ul> <div class="cornershadow svelte-1vslxg5"></div></div><div class="card card-4 svelte-1vslxg5"><div class="card-top-border svelte-1vslxg5"></div> <h2 class="svelte-1vslxg5">Tools I use</h2> <ul class="svelte-1vslxg5"><li class="svelte-1vslxg5">Linux Mint + i3 WM</li><li class="svelte-1vslxg5">Google Chrome, Firefox</li><li class="svelte-1vslxg5">VS code, Vim, NvChad</li><li class="svelte-1vslxg5">Photopea, Figma, Kdenlive</li></ul> <div class="cornershadow svelte-1vslxg5"></div></div><div class="card card-5 svelte-1vslxg5"><div class="card-top-border svelte-1vslxg5"></div> <h2 class="svelte-1vslxg5">Things I like</h2> <ul class="svelte-1vslxg5"><li class="svelte-1vslxg5">Designing websites</li><li class="svelte-1vslxg5">Playing Chess, Reading(Kannada)</li><li class="svelte-1vslxg5">Open Source Softwares</li><li class="svelte-1vslxg5">ThinkPad X1 Carbon, Kindle</li></ul> <div class="cornershadow svelte-1vslxg5"></div></div></div> <nav class="links svelte-1vslxg5"><ul class="svelte-1vslxg5"><li class="svelte-1vslxg5"><a data-sveltekit-prefetch="" href="/courses">Courses</a></li> <li class="svelte-1vslxg5"><a data-sveltekit-prefetch="" href="/downloads">Downloads</a></li></ul></nav></main> <footer><div class="footer svelte-hwcb5q"><div class="sub"><a href="https://github.com/sharu725" target="_blank" rel="nofollow noreferrer noopener">Subscribe</a></div> <div class="mode svelte-hwcb5q"><div class="flex svelte-1qpxhnk"><span class="c-1 svelte-1qpxhnk"></span> <span class="c-2 svelte-1qpxhnk"></span> <span class="c-3 svelte-1qpxhnk"></span> <span class="c-4 svelte-1qpxhnk"></span></div> <div class="actions svelte-hwcb5q"><button class="toggle svelte-1t1w50t"><div><span>Dark Mode</span></div></button></div></div></div> <div class="copy svelte-hwcb5q"><div><ul class="svelte-hwcb5q"><li class="svelte-hwcb5q"><a href="/contact" title="Contact">Contact</a></li><li class="svelte-hwcb5q"><a href="/terms" title="Terms & Privacy">Terms & Privacy</a></li><li class="svelte-hwcb5q"><a href="/refund" title="Refund Policy">Refund Policy</a></li></ul></div> <p class="ml-auto svelte-hwcb5q">Copyrights © 2025 webjeda</p></div></footer></div>    <script> { __sveltekit_xu3xg4 = { base: new URL(".", location).pathname.slice(0, -1) }; const element = document.currentScript.parentElement; const data = [null,null]; Promise.all([ import("./_app/immutable/entry/start.C2ny8j0o.js"), import("./_app/immutable/entry/app.BYufKayo.js") ]).then(([kit, app]) => { kit.start(app, element, { node_ids: [0, 4], data, form: null, error: null }); }); if ('serviceWorker' in navigator) { addEventListener('load', function () { navigator.serviceWorker.register('./service-worker.js'); }); } } </script> </div> </body> </html>