Rody Davis

About Me

Tue, 16 Jun 2026 00:00:00 GMT

About Me

<div class="not-prose mb-8"> <div class="flex flex-col md:flex-row gap-8 items-start"> <div class="flex-shrink-0"> <div class="w-28 h-28 rounded-2xl bg-gradient-to-br from-purple-600/30 to-cyan-500/30 border border-[var(--border-main)] flex items-center justify-center text-5xl shadow-inner"> 🧠 </div> </div> <div class="flex-1"> <h2 class="text-2xl font-bold text-[var(--fg-primary)] mb-1 mt-0">yash ajay magar</h2> <p class="text-[var(--header-h1)] font-medium text-lg mb-3">AI Journalist & Developer</p> <p class="text-[var(--fg-secondary)] leading-relaxed mb-4"> A calm builder with a mysterious mindset — I focus on simplicity, silent consistency, and real-world usefulness. I explore the intersection of artificial intelligence and the real world through practical projects, written pieces, and shipped MVPs. </p> <div class="flex flex-wrap gap-3"> <a href="https://github.com/yashmagar01" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-[var(--header-h1)] text-[var(--fg-primary)] text-sm font-medium no-underline transition-colors"> 🐙 GitHub </a> <a href="https://www.linkedin.com/in/yash-magar/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-blue-500 text-[var(--fg-primary)] text-sm font-medium no-underline transition-colors"> 💼 LinkedIn </a> <a href="mailto:yashajaymagar10@gmail.com" class="inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-emerald-500 text-[var(--fg-primary)] text-sm font-medium no-underline transition-colors"> ✉️ Email </a> <a href="/resume" class="inline-flex items-center gap-1.5 px-4 py-2 rounded-lg bg-[var(--header-h1)] hover:opacity-90 text-white text-sm font-semibold no-underline transition-opacity shadow-md"> 📄 Resume </a> </div> </div> </div> </div>

My Story

I'm a diploma student and self-taught developer who started with curiosity about how things work — and ended up deep in the world of AI, full-stack development, and product building.

I prefer deep work over loud announcements. My projects speak for me. I ship things, learn from what breaks, and iterate fast.

"I break code every day… and fix it the same night."

Currently Working On

🚀 Building AI-driven web products — zero-cost, high-impact MVPs
📝 Becoming a stronger full-stack developer (React + Node + TypeScript)
🤖 Exploring AI tooling workflows (Ollama, Hugging Face, Gemini APIs)
🌱 Preparing for a strong software engineering internship

Skills & Stack

Languages

<div class="not-prose grid grid-cols-2 md:grid-cols-3 gap-3 my-4"> <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-3"> <div class="text-xs text-[var(--fg-secondary)] mb-2 font-semibold uppercase tracking-wide">Web Core</div> <div class="flex flex-wrap gap-1"> <span class="text-xs px-2 py-0.5 rounded bg-orange-500/10 border border-orange-500/20 text-orange-400">HTML5</span> <span class="text-xs px-2 py-0.5 rounded bg-blue-500/10 border border-blue-500/20 text-blue-400">CSS3</span> <span class="text-xs px-2 py-0.5 rounded bg-yellow-500/10 border border-yellow-500/20 text-yellow-400">JavaScript</span> <span class="text-xs px-2 py-0.5 rounded bg-blue-600/10 border border-blue-600/20 text-blue-500">TypeScript</span> </div> </div> <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-3"> <div class="text-xs text-[var(--fg-secondary)] mb-2 font-semibold uppercase tracking-wide">Backend</div> <div class="flex flex-wrap gap-1"> <span class="text-xs px-2 py-0.5 rounded bg-blue-500/10 border border-blue-500/20 text-blue-400">Python</span> <span class="text-xs px-2 py-0.5 rounded bg-slate-500/10 border border-slate-500/20 text-slate-400">C / C++</span> </div> </div> <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-3"> <div class="text-xs text-[var(--fg-secondary)] mb-2 font-semibold uppercase tracking-wide">Frontend</div> <div class="flex flex-wrap gap-1"> <span class="text-xs px-2 py-0.5 rounded bg-cyan-500/10 border border-cyan-500/20 text-cyan-400">React</span> <span class="text-xs px-2 py-0.5 rounded bg-purple-500/10 border border-purple-500/20 text-purple-400">Vite</span> <span class="text-xs px-2 py-0.5 rounded bg-teal-500/10 border border-teal-500/20 text-teal-400">Tailwind</span> </div> </div> <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-3"> <div class="text-xs text-[var(--fg-secondary)] mb-2 font-semibold uppercase tracking-wide">Backend Frameworks</div> <div class="flex flex-wrap gap-1"> <span class="text-xs px-2 py-0.5 rounded bg-green-500/10 border border-green-500/20 text-green-400">Node.js</span> <span class="text-xs px-2 py-0.5 rounded bg-slate-500/10 border border-slate-500/20 text-slate-400">Express</span> <span class="text-xs px-2 py-0.5 rounded bg-green-700/10 border border-green-700/20 text-green-600">Django</span> </div> </div> <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-3"> <div class="text-xs text-[var(--fg-secondary)] mb-2 font-semibold uppercase tracking-wide">Databases</div> <div class="flex flex-wrap gap-1"> <span class="text-xs px-2 py-0.5 rounded bg-blue-500/10 border border-blue-500/20 text-blue-400">MySQL</span> <span class="text-xs px-2 py-0.5 rounded bg-emerald-500/10 border border-emerald-500/20 text-emerald-400">Supabase</span> <span class="text-xs px-2 py-0.5 rounded bg-yellow-500/10 border border-yellow-500/20 text-yellow-400">Firebase</span> </div> </div> <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-lg p-3"> <div class="text-xs text-[var(--fg-secondary)] mb-2 font-semibold uppercase tracking-wide">AI Tools</div> <div class="flex flex-wrap gap-1"> <span class="text-xs px-2 py-0.5 rounded bg-violet-500/10 border border-violet-500/20 text-violet-400">Gemini</span> <span class="text-xs px-2 py-0.5 rounded bg-slate-500/10 border border-slate-500/20 text-slate-400">Ollama</span> <span class="text-xs px-2 py-0.5 rounded bg-yellow-500/10 border border-yellow-500/20 text-yellow-400">HuggingFace</span> </div> </div> </div>

Deployment & Tools

Vercel / Railway — hobby and MVP deployments
Git + GitHub — version control, open source
VS Code — primary editor
Figma / Canva / Framer — design and prototyping
Bolt.new / Lovable.dev / v0.dev — rapid AI-assisted prototyping

GitHub Stats

Let's Connect

I'm always open to interesting conversations, collaboration, and opportunities.

📧 Email: yashajaymagar10@gmail.com
🐙 GitHub: yashmagar01
💼 LinkedIn: yash-magar
🐦 X (Twitter): @yashmag50534849
📺 YouTube: @yashmagar01

Contact

Tue, 16 Jun 2026 00:00:00 GMT

Contact

<div class="not-prose mb-8"> <div class="p-6 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] shadow-sm"> <p class="text-[var(--fg-secondary)] text-sm leading-relaxed m-0"> I'm open to interesting conversations, collaborations, internship opportunities, and feedback on my work. Reach out via any of the channels below — I typically respond within 24–48 hours. </p> </div> </div>

Reach Me

{/* Email */} <a href="mailto:yashajaymagar10@gmail.com" class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-emerald-500/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"

<div class="w-11 h-11 rounded-xl bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
  ✉️
</div>
<div>
  <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">Email</div>
  <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-emerald-400 transition-colors">yashajaymagar10@gmail.com</div>
</div>

</a>

{/* GitHub */} <a href="https://github.com/yashmagar01" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-[var(--header-h1)]/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"

<div class="w-11 h-11 rounded-xl bg-[var(--header-h1)]/10 border border-[var(--header-h1)]/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
  🐙
</div>
<div>
  <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">GitHub</div>
  <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-[var(--header-h1)] transition-colors">yashmagar01</div>
</div>

</a>

{/* LinkedIn */} <a href="https://www.linkedin.com/in/yash-magar/" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-blue-500/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"

<div class="w-11 h-11 rounded-xl bg-blue-500/10 border border-blue-500/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
  💼
</div>
<div>
  <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">LinkedIn</div>
  <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-blue-400 transition-colors">yash-magar</div>
</div>

</a>

{/* Twitter/X */} <a href="https://x.com/yashmag50534849" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-sky-400/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"

<div class="w-11 h-11 rounded-xl bg-sky-400/10 border border-sky-400/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
  🐦
</div>
<div>
  <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">X / Twitter</div>
  <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-sky-400 transition-colors">@yashmag50534849</div>
</div>

</a>

{/* YouTube */} <a href="https://www.youtube.com/@yashmagar01" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-red-500/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"

<div class="w-11 h-11 rounded-xl bg-red-500/10 border border-red-500/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
  📺
</div>
<div>
  <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">YouTube</div>
  <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-red-400 transition-colors">@yashmagar01</div>
</div>

</a>

{/* Website */} <div class="flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] shadow-sm opacity-60"> <div class="w-11 h-11 rounded-xl bg-[var(--header-h3)]/10 border border-[var(--header-h3)]/20 flex items-center justify-center text-xl flex-shrink-0"> 🌐 </div> <div> <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">Website</div> <div class="text-sm font-medium text-[var(--fg-primary)]">magar.xyz <span class="text-[var(--fg-secondary)] text-xs">(coming soon)</span></div> </div> </div>

</div>

"Quietly building. Slowly mastering. Eventually leading."

Privacy Policy

Sat, 18 Jan 2025 19:15:26 GMT

Privacy Policy

Your privacy is critically important to us.

Rody Davis Productions is located at:

Rody Davis Productions
6142 Pinewood Rd
Oakland CA, United States

It is Rody Davis Productions's policy to respect your privacy regarding any information we may collect while operating our website. This Privacy Policy applies to https://rodydavis.com (hereinafter, "us", "we", or "https://rodydavis.com"). We respect your privacy and are committed to protecting personally identifiable information you may provide us through the Website. We have adopted this privacy policy ("Privacy Policy") to explain what information may be collected on our Website, how we use this information, and under what circumstances we may disclose the information to third parties. This Privacy Policy applies only to information we collect through the Website and does not apply to our collection of information from other sources.
This Privacy Policy, together with the Terms and conditions posted on our Website, set forth the general rules and policies governing your use of our Website. Depending on your activities when visiting our Website, you may be required to agree to additional terms and conditions.

Website Visitors

Like most website operators, Rody Davis Productions collects non-personally-identifying information of the sort that web browsers and servers typically make available, such as the browser type, language preference, referring site, and the date and time of each visitor request. Rody Davis Productions's purpose in collecting non-personally identifying information is to better understand how Rody Davis Productions's visitors use its website. From time to time, Rody Davis Productions may release non-personally-identifying information in the aggregate, e.g., by publishing a report on trends in the usage of its website.
Rody Davis Productions also collects potentially personally-identifying information like Internet Protocol (IP) addresses for logged in users and for users leaving comments on https://rodydavis.com blog posts. Rody Davis Productions only discloses logged in user and commenter IP addresses under the same circumstances that it uses and discloses personally-identifying information as described below.

Gathering of Personally-Identifying Information

Certain visitors to Rody Davis Productions's websites choose to interact with Rody Davis Productions in ways that require Rody Davis Productions to gather personally-identifying information. The amount and type of information that Rody Davis Productions gathers depends on the nature of the interaction. For example, we ask visitors who sign up for a blog at https://rodydavis.com to provide a username and email address.

Security

The security of your Personal Information is important to us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Information, we cannot guarantee its absolute security.

Ads appearing on our website may be delivered to users by advertising partners, who may set cookies. These cookies allow the ad server to recognize your computer each time they send you an online advertisement to compile information about you or others who use your computer. This information allows ad networks to, among other things, deliver targeted advertisements that they believe will be of most interest to you. This Privacy Policy covers the use of cookies by Rody Davis Productions and does not cover the use of cookies by any advertisers.

Links To External Sites

Our Service may contain links to external sites that are not operated by us. If you click on a third party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy and terms and conditions of every site you visit.
We have no control over, and assume no responsibility for the content, privacy policies or practices of any third party sites, products or services.

Protection of Certain Personally-Identifying Information

Rody Davis Productions discloses potentially personally-identifying and personally-identifying information only to those of its employees, contractors and affiliated organizations that (i) need to know that information in order to process it on Rody Davis Productions's behalf or to provide services available at Rody Davis Productions's website, and (ii) that have agreed not to disclose it to others. Some of those employees, contractors and affiliated organizations may be located outside of your home country; by using Rody Davis Productions's website, you consent to the transfer of such information to them. Rody Davis Productions will not rent or sell potentially personally-identifying and personally-identifying information to anyone. Other than to its employees, contractors and affiliated organizations, as described above, Rody Davis Productions discloses potentially personally-identifying and personally-identifying information only in response to a subpoena, court order or other governmental request, or when Rody Davis Productions believes in good faith that disclosure is reasonably necessary to protect the property or rights of Rody Davis Productions, third parties or the public at large.
If you are a registered user of https://rodydavis.com and have supplied your email address, Rody Davis Productions may occasionally send you an email to tell you about new features, solicit your feedback, or just keep you up to date with what's going on with Rody Davis Productions and our products. We primarily use our blog to communicate this type of information, so we expect to keep this type of email to a minimum. If you send us a request (for example via a support email or via one of our feedback mechanisms), we reserve the right to publish it in order to help us clarify or respond to your request or to help us support other users. Rody Davis Productions takes all measures reasonably necessary to protect against the unauthorized access, use, alteration or destruction of potentially personally-identifying and personally-identifying information.

Aggregated Statistics

Rody Davis Productions may collect statistics about the behavior of visitors to its website. Rody Davis Productions may display this information publicly or provide it to others. However, Rody Davis Productions does not disclose your personally-identifying information.

Cookies

To enrich and perfect your online experience, Rody Davis Productions uses "Cookies", similar technologies and services provided by others to display personalized content, appropriate advertising and store your preferences on your computer.
A cookie is a string of information that a website stores on a visitor's computer, and that the visitor's browser provides to the website each time the visitor returns. Rody Davis Productions uses cookies to help Rody Davis Productions identify and track visitors, their usage of https://rodydavis.com, and their website access preferences. Rody Davis Productions visitors who do not wish to have cookies placed on their computers should set their browsers to refuse cookies before using Rody Davis Productions's websites, with the drawback that certain features of Rody Davis Productions's websites may not function properly without the aid of cookies.
By continuing to navigate our website without changing your cookie settings, you hereby acknowledge and agree to Rody Davis Productions's use of cookies.

Privacy Policy Changes
Although most changes are likely to be minor, Rody Davis Productions may change its Privacy Policy from time to time, and in Rody Davis Productions's sole discretion. Rody Davis Productions encourages visitors to frequently check this page for any changes to its Privacy Policy. Your continued use of this site after any change in this Privacy Policy will constitute your acceptance of such change.

Credit & Contact Information

This privacy policy was created at https://termsandconditionstemplate.com/privacy-policy-generator/. If you have any questions about this Privacy Policy, please contact us via or phone.

Projects

Tue, 16 Jun 2026 00:00:00 GMT

Projects

I build practical tools that solve real problems. Each project is a chance to learn something new, ship something useful, and get better at the craft.

<div class="relative group rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-cyan-500/60 p-6 flex flex-col transition-all duration-300 shadow-sm overflow-hidden"> <div class="absolute top-0 right-0 w-32 h-32 bg-cyan-500/5 rounded-bl-full pointer-events-none group-hover:bg-cyan-500/10 transition-all"></div> <div class="flex items-center gap-3 mb-4"> <div class="w-12 h-12 rounded-xl bg-cyan-500/10 border border-cyan-500/20 flex items-center justify-center text-2xl flex-shrink-0">🚀</div> <div> <h3 class="text-base font-bold text-[var(--fg-primary)] m-0">The Future You</h3> <span class="text-xs text-[var(--header-h3)] font-medium">AI · Reflection · MVP</span> </div> </div> <p class="text-sm text-[var(--fg-secondary)] leading-relaxed flex-1 mb-5"> A zero-cost AI-powered reflection and self-growth companion using private, video-based emotional analysis. Designed to help you understand the future version of yourself through daily reflections. </p> <div class="space-y-2 mb-5"> <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide">Stack</div> <div class="flex flex-wrap gap-1.5"> <span class="text-xs px-2 py-0.5 rounded bg-cyan-500/10 border border-cyan-500/20 text-cyan-400">React</span> <span class="text-xs px-2 py-0.5 rounded bg-purple-500/10 border border-purple-500/20 text-purple-400">Vite</span> <span class="text-xs px-2 py-0.5 rounded bg-emerald-500/10 border border-emerald-500/20 text-emerald-400">Supabase</span> <span class="text-xs px-2 py-0.5 rounded bg-blue-500/10 border border-blue-500/20 text-blue-400">Gemini API</span> </div> </div> <div class="flex gap-2"> <a href="https://the-future-you.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex-1 block text-center px-3 py-2 rounded-lg bg-cyan-600 hover:bg-cyan-500 text-white text-xs font-semibold no-underline transition-colors" style="color: #ffffff !important;"> 🌐 Live Demo </a> <a href="https://github.com/yashmagar01/The-Future-You" target="_blank" rel="noopener noreferrer" class="flex-1 block text-center px-3 py-2 rounded-lg bg-[var(--bg-main)] border border-[var(--border-main)] hover:border-cyan-500/60 text-[var(--fg-primary)] text-xs font-semibold no-underline transition-colors"> 🐙 GitHub </a> </div> </div>

<div class="relative group rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-purple-500/60 p-6 flex flex-col transition-all duration-300 shadow-sm overflow-hidden"> <div class="absolute top-0 right-0 w-32 h-32 bg-purple-500/5 rounded-bl-full pointer-events-none group-hover:bg-purple-500/10 transition-all"></div> <div class="flex items-center gap-3 mb-4"> <div class="w-12 h-12 rounded-xl bg-purple-500/10 border border-purple-500/20 flex items-center justify-center text-2xl flex-shrink-0">🧠</div> <div> <h3 class="text-base font-bold text-[var(--fg-primary)] m-0">Persona</h3> <span class="text-xs text-[var(--header-h1)] font-medium">AI · Identity · Behavior Toolkit</span> </div> </div> <p class="text-sm text-[var(--fg-secondary)] leading-relaxed flex-1 mb-5"> An AI-driven identity & behavior toolkit for structured, contextual interactions inside your apps. Helps define how different personas think, speak, and respond in various situations. </p> <div class="space-y-2 mb-5"> <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide">Stack</div> <div class="flex flex-wrap gap-1.5"> <span class="text-xs px-2 py-0.5 rounded bg-cyan-500/10 border border-cyan-500/20 text-cyan-400">React</span> <span class="text-xs px-2 py-0.5 rounded bg-teal-500/10 border border-teal-500/20 text-teal-400">Tailwind</span> <span class="text-xs px-2 py-0.5 rounded bg-violet-500/10 border border-violet-500/20 text-violet-400">AI APIs</span> <span class="text-xs px-2 py-0.5 rounded bg-slate-500/10 border border-slate-500/20 text-slate-400">Vercel</span> </div> </div> <div class="flex gap-2"> <a href="https://personanew.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex-1 block text-center px-3 py-2 rounded-lg bg-purple-600 hover:bg-purple-500 text-white text-xs font-semibold no-underline transition-colors" style="color: #ffffff !important;"> 🌐 Live Demo </a> <a href="https://github.com/yashmagar01/Persona" target="_blank" rel="noopener noreferrer" class="flex-1 block text-center px-3 py-2 rounded-lg bg-[var(--bg-main)] border border-[var(--border-main)] hover:border-purple-500/60 text-[var(--fg-primary)] text-xs font-semibold no-underline transition-colors"> 🐙 GitHub </a> </div> </div>

<div class="relative group rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-pink-500/60 p-6 flex flex-col transition-all duration-300 shadow-sm overflow-hidden"> <div class="absolute top-0 right-0 w-32 h-32 bg-pink-500/5 rounded-bl-full pointer-events-none group-hover:bg-pink-500/10 transition-all"></div> <div class="flex items-center gap-3 mb-4"> <div class="w-12 h-12 rounded-xl bg-pink-500/10 border border-pink-500/20 flex items-center justify-center text-2xl flex-shrink-0">🛠️</div> <div> <h3 class="text-base font-bold text-[var(--fg-primary)] m-0">Generation Tools</h3> <span class="text-xs text-[var(--header-h2)] font-medium">Dev Tools · Utilities · 12-in-1</span> </div> </div> <p class="text-sm text-[var(--fg-secondary)] leading-relaxed flex-1 mb-5"> A clean, fast 12-in-1 utility suite for developers — UUIDs, CSS gradients, placeholder images, dummy text, and more. Built to keep all "small but important" dev tools in one modern interface. </p> <div class="space-y-2 mb-5"> <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide">Stack</div> <div class="flex flex-wrap gap-1.5"> <span class="text-xs px-2 py-0.5 rounded bg-cyan-500/10 border border-cyan-500/20 text-cyan-400">React</span> <span class="text-xs px-2 py-0.5 rounded bg-teal-500/10 border border-teal-500/20 text-teal-400">Tailwind</span> <span class="text-xs px-2 py-0.5 rounded bg-slate-500/10 border border-slate-500/20 text-slate-400">Vercel</span> </div> </div> <div class="flex gap-2"> <a href="https://generations-tools.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex-1 block text-center px-3 py-2 rounded-lg bg-pink-600 hover:bg-pink-500 text-white text-xs font-semibold no-underline transition-colors" style="color: #ffffff !important;"> 🌐 Live Demo </a> <a href="https://github.com/yashmagar01/Generation-Tools" target="_blank" rel="noopener noreferrer" class="flex-1 block text-center px-3 py-2 rounded-lg bg-[var(--bg-main)] border border-[var(--border-main)] hover:border-pink-500/60 text-[var(--fg-primary)] text-xs font-semibold no-underline transition-colors"> 🐙 GitHub </a> </div> </div>

<div class="rounded-xl bg-[var(--bg-sidebar)] border border-dashed border-[var(--border-main)] p-6 flex flex-col items-center justify-center text-center gap-3 min-h-[200px] opacity-60"> <div class="text-3xl">🔜</div> <div> <p class="text-sm font-medium text-[var(--fg-primary)] m-0">More coming soon</p> <p class="text-xs text-[var(--fg-secondary)] mt-1 m-0">Building in public. Stay tuned.</p> </div> <a href="https://github.com/yashmagar01" target="_blank" rel="noopener noreferrer" class="text-xs text-[var(--header-h1)] hover:underline no-underline mt-1"> Follow on GitHub → </a> </div>

</div>

Open Source

All projects are open source. Contributions, feedback, and forks are welcome.

👉 View all repositories on GitHub

Resume

Tue, 16 Jun 2026 00:00:00 GMT

Resume

<div class="not-prose mb-6"> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] shadow-sm"> <div> <h2 class="text-xl font-bold text-[var(--fg-primary)] m-0">yash ajay magar</h2> <p class="text-[var(--header-h1)] text-sm font-medium mt-1 mb-0">AI Journalist & Full-Stack Developer</p> <p class="text-[var(--fg-secondary)] text-xs mt-1 mb-0">yashajaymagar10@gmail.com · github.com/yashmagar01</p> </div> <a href="/resume.pdf" download class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-[var(--header-h1)] text-white text-sm font-semibold hover:opacity-90 transition-opacity no-underline shadow-md flex-shrink-0" style="color: #ffffff !important;" > 📥 Download PDF </a> </div> </div>

Summary

A diploma student and self-driven developer passionate about AI journalism, full-stack web development, and building practical MVPs. I ship things fast, learn from what breaks, and focus on consistent improvement.

Education

<div class="not-prose my-4"> <div class="relative pl-6 border-l-2 border-[var(--border-main)] space-y-5"> <div class="relative"> <div class="absolute -left-[25px] w-3 h-3 rounded-full bg-[var(--header-h1)] border-2 border-[var(--bg-main)]"></div> <div class="bg-[var(--bg-sidebar)] border border-[var(--border-main)] rounded-xl p-4 shadow-sm"> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1 mb-1"> <h3 class="text-sm font-bold text-[var(--fg-primary)] m-0">Diploma in Computer Engineering</h3> <span class="text-xs text-[var(--fg-secondary)] bg-[var(--bg-main)] px-2 py-0.5 rounded border border-[var(--border-main)]">2023 – Present</span> </div> <p class="text-xs text-[var(--header-h1)] font-medium m-0">Government Polytechnic / Maharashtra State Board of Technical Education</p> </div> </div> </div> </div>

Skills

Technical Skills

Category	Skills
Languages	HTML, CSS, JavaScript, TypeScript, Python, C, C++
Frontend	React, Vite, Tailwind CSS
Backend	Node.js, Express, Django
Databases	MySQL, SQLite, Supabase, Firebase
AI/ML Tools	Gemini API, Ollama, Hugging Face, GitHub Copilot
Deployment	Vercel, Railway
Tools	Git, GitHub, VS Code, Figma, Canva, Framer
Vibe Code	Bolt.new, Lovable.dev, v0.dev, Figma Make

Skill Levels

Core Web (HTML, CSS, JS, TS) — ●●●○○ proficient
React + Vite — ●●●○○ building real projects
Tailwind CSS — ●●●○○ comfortable for production UIs
Python — ●●○○○ comfortable basics
Node.js / Express — ●●○○○ MVP-level
Django — ●●○○○ building real projects
AI Prompting & Workflows — ●●●○○ strong
SQL (MySQL/SQLite) — ●●●○○ solid fundamentals

Projects

🚀 The Future You (MVP)

Live · GitHub

A zero-cost AI-powered reflection and self-growth companion using private, video-based emotional analysis. Designed to help you understand the future version of yourself through daily reflections.

Built with React, Vite, Supabase, and Gemini API
Zero-cost architecture using free-tier services

🧠 Persona

Live · GitHub

An AI-driven identity & behavior toolkit for structured, contextual interactions inside apps. Defines how different personas think, speak, and respond in various situations.

AI persona engine with context-aware responses
Clean modern UI built with React + Tailwind

🛠️ Generation Tools

Live · GitHub

A clean, fast 12-in-1 utility suite for developers — UUIDs, CSS gradients, placeholder images, dummy text, and more.

12 tools in a single modern interface
Deployed on Vercel, zero dependencies for utilities

Currently Learning

Deeper TypeScript + React patterns
Node / Express for more serious backends
Supabase / Firebase for auth + real-time features
Better AI tooling workflows (Ollama, Hugging Face, NotebookLM)

Contact

📧 Email: yashajaymagar10@gmail.com
🐙 GitHub: yashmagar01
💼 LinkedIn: yash-magar
🌐 Website: magar.xyz

Vlogs

Tue, 16 Jun 2026 00:00:00 GMT

Vlogs

<div class="not-prose mb-8"> <div class="flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] shadow-sm"> <div class="w-12 h-12 rounded-xl bg-red-500/10 border border-red-500/20 flex items-center justify-center text-2xl flex-shrink-0"> 📺 </div> <div> <h2 class="text-base font-bold text-[var(--fg-primary)] m-0">Video Content</h2> <p class="text-sm text-[var(--fg-secondary)] mt-1 mb-0"> Follow along on YouTube for AI journalism, project builds, and developer content. </p> </div> <a href="https://www.youtube.com/@yashmagar01" target="_blank" rel="noopener noreferrer" class="ml-auto flex-shrink-0 inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-red-600 hover:bg-red-500 text-white text-xs font-semibold no-underline transition-colors shadow-sm" style="color: #ffffff !important;" > ▶ Subscribe </a> </div> </div>

Coming Soon

<div class="rounded-xl bg-[var(--bg-sidebar)] border border-dashed border-[var(--border-main)] overflow-hidden"> <div class="aspect-video bg-gradient-to-br from-red-950/20 to-[var(--bg-main)] flex flex-col items-center justify-center gap-3"> <div class="w-14 h-14 rounded-full bg-red-600/20 border border-red-600/20 flex items-center justify-center"> <span class="text-2xl">🎬</span> </div> <span class="text-xs text-[var(--fg-secondary)] font-medium">Will be published soon</span> </div> <div class="p-4"> <div class="h-3 bg-[var(--border-main)] rounded-full w-3/4 mb-2"></div> <div class="h-2 bg-[var(--border-main)] rounded-full w-1/2 opacity-60"></div> </div> </div>

<div class="rounded-xl bg-[var(--bg-sidebar)] border border-dashed border-[var(--border-main)] overflow-hidden"> <div class="aspect-video bg-gradient-to-br from-purple-950/20 to-[var(--bg-main)] flex flex-col items-center justify-center gap-3"> <div class="w-14 h-14 rounded-full bg-purple-600/20 border border-purple-600/20 flex items-center justify-center"> <span class="text-2xl">🤖</span> </div> <span class="text-xs text-[var(--fg-secondary)] font-medium">Will be published soon</span> </div> <div class="p-4"> <div class="h-3 bg-[var(--border-main)] rounded-full w-4/5 mb-2"></div> <div class="h-2 bg-[var(--border-main)] rounded-full w-2/5 opacity-60"></div> </div> </div>

</div>

What to Expect

🤖 AI Tool Reviews — honest takes on the latest AI tools and models
🛠️ Build-in-Public — watching me ship projects from idea to deployment
📝 Dev Logs — the real process of learning and building as a diploma student
🌐 Web Dev Tips — practical tips for React, Node, and full-stack development

Subscribe to get notified when the first videos drop → youtube.com/@yashmagar01

Home

Tue, 16 Jun 2026 00:00:00 GMT

yash ajay magar

I explore the intersection of artificial intelligence and the real world — building practical AI-driven tools, writing about emerging tech, and shipping MVPs that solve real problems.

What I Do

AI Journalism — Covering the AI landscape: tools, models, trends, and their real-world impact on developers and society.
Product Building — Shipping AI-driven MVPs from idea to deployed product using modern web stacks and AI APIs.
Dev Tooling — Building utilities and developer tools that remove friction from everyday workflows.

Featured Work

The Future You — A zero-cost AI-powered reflection and self-growth companion using video-based emotional analysis.
Persona — An AI-driven identity & behavior toolkit for structured, contextual interactions.
Generation Tools — A clean, fast 12-in-1 utility suite for developers.

Current Focus

Building in public, learning by doing:

AI-driven web products — shipping tools that use LLMs and AI APIs in practical ways
AI journalism — covering tools, models, and trends in accessible language
Full-stack development — deepening React + Node + TypeScript patterns

"Quietly building. Slowly mastering. Eventually leading."

Rody Davis

About Me

About Me

My Story

Currently Working On

Skills & Stack

Languages

Deployment & Tools

GitHub Stats

Let's Connect

Contact

Contact

Reach Me

Privacy Policy

Privacy Policy

Website Visitors

Gathering of Personally-Identifying Information

Security

Advertisements

Links To External Sites

Protection of Certain Personally-Identifying Information

Aggregated Statistics

Cookies

Credit & Contact Information

Projects

Projects

Open Source

Resume

Resume

Summary

Education

Skills

Technical Skills

Skill Levels

Projects

🚀 The Future You (MVP)

🧠 Persona

🛠️ Generation Tools

Currently Learning

Contact

Vlogs

Vlogs

Coming Soon

What to Expect

Home

yash ajay magar

What I Do

Featured Work

Current Focus