<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Mukul Rana</title>
    <description>The latest articles on Forem by Mukul Rana (@mukulwebdev).</description>
    <link>https://forem.com/mukulwebdev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3023160%2Fdf9d8c61-ac65-498e-8260-2ab4910383a4.jpeg</url>
      <title>Forem: Mukul Rana</title>
      <link>https://forem.com/mukulwebdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/mukulwebdev"/>
    <language>en</language>
    <item>
      <title>I create agent using Runner H to get hired in 2025</title>
      <dc:creator>Mukul Rana</dc:creator>
      <pubDate>Sun, 08 Jun 2025 11:00:18 +0000</pubDate>
      <link>https://forem.com/mukulwebdev/i-create-agent-using-runner-h-to-get-hired-in-2025-1mbp</link>
      <guid>https://forem.com/mukulwebdev/i-create-agent-using-runner-h-to-get-hired-in-2025-1mbp</guid>
      <description>&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;JobHunter AI&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I automated the entire job-hunting and applying process for fresher-level full stack developers using Runner H. The goal was to cut down the time spent manually checking job boards, filtering relevant roles, filling forms, and organizing applications — especially for entry-level candidates targeting remote or metro-city jobs.&lt;/p&gt;

&lt;p&gt;The workflow tackles the following pain points:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Scanning and scraping jobs from multiple sites that allow entry-level filters.
&lt;/li&gt;
&lt;li&gt;Filtering based on location (Remote, Delhi, Bangalore, Noida) and tech stack (MERN, AWS).
&lt;/li&gt;
&lt;li&gt;Storing all relevant job details in a Google Sheet in a structured format.
&lt;/li&gt;
&lt;li&gt;Optionally applying to each job with a predefined resume and custom message.
&lt;/li&gt;
&lt;li&gt;Tracking application status per job.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;With a single trigger, the agent fetches fresh job leads, updates the spreadsheet, and optionally auto-applies — freeing up time to focus on interview prep and upskilling.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foadzgb47qciwf30wyqz2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foadzgb47qciwf30wyqz2.png" alt="Prompt Image" width="800" height="435"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Runner H
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Prompt Design &amp;amp; AI Integration
&lt;/h3&gt;

&lt;p&gt;The heart of the automation is this custom prompt:&lt;br&gt;
First i write myself then i rewrite and detailed using the ChatGPT.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;You are a Job Application Agent designed to help users find relevant job postings and apply to them efficiently. Your tasks follow a structured multi-step process.

Your goal: Automatically search for jobs that match the user's profile, extract important job data (like title, company, link, and requirements), and apply or prepare application steps (like saving to a Google Sheet, writing cover letters, or submitting via form/email).

Follow this step-by-step system:

STEP 1: Understand the User Profile

Ask for the user’s job preferences:

  * Job titles (e.g., “Frontend Developer”, “ML Engineer”)
  * Locations (remote, cities, countries)
  * Experience level (e.g., fresher, 1–3 years)
  * Preferred tech stack or skills
  * Resume/LinkedIn link (if available)
STEP 2: Job Scraping

* Scrape jobs from platforms like:

  * LinkedIn Jobs (if allowed)
  * Wellfound (AngelList)
  * Indeed, HackerRank, RemoteOK, or Workat startups
* Use filters based on STEP 1
* Extract the following:

  * Job title
  * Company name
  * Location
  * Tech stack or skill match
  * Job link
  * Posted date

STEP 3: Save or Apply

* If job meets criteria, either:

  * Add details to a structured Google Sheet with columns like:

    * \[Job Title | Company | Location | Skills | Link | Apply Status | Notes]
  * Or auto-apply using the resume and fill in cover letters

    * Use LinkedIn Easy Apply if available
    * Ask user if manual application is needed


STEP 4: Cover Letter Draft (if needed)

* Write a personalized cover letter for the selected job
* Use user’s resume + job description to match tone, skills, and motivation


STEP 5: Status Tracking

* Update Google Sheet with "Applied", "Skipped", or "Pending"
* Avoid duplicate applications
* Save timestamps of activity

Rules:

* Do not apply without explicit user approval
* Always confirm before sending emails or filling forms
* Keep all logs in an organized sheet
* Prioritize quality over quantity (only relevant jobs)

Tone: Efficient, helpful, professional.

Once the user provides their preferences, begin the scraping process.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Automation Actions
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdwwfnvjqr2dunpv2610g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdwwfnvjqr2dunpv2610g.png" alt="Automation using Runner H" width="800" height="435"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Web Scraping/API Calls&lt;/strong&gt;: Pulls job listings matching the filter criteria.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Google Sheets Integration&lt;/strong&gt;: Stores all job data row-by-row.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Auto-Apply Logic&lt;/strong&gt;: Optionally fills forms with resume + intro note.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Status Update&lt;/strong&gt;: Marks each job as ‘applied’ or ‘saved’ depending on action taken.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Result
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8qa5dmzg2h9fuxbc8a7v.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8qa5dmzg2h9fuxbc8a7v.png" alt="Google Sheet" width="800" height="387"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Runner H Agent Flow Summary:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Trigger&lt;/strong&gt;: Daily or on-demand
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Task&lt;/strong&gt;: Extract &amp;amp; filter job listings
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Storage&lt;/strong&gt;: Save to Google Sheets
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Optional Action&lt;/strong&gt;: Auto-apply to selected jobs&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Use Case &amp;amp; Impact
&lt;/h2&gt;

&lt;p&gt;This automation is ideal for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fresh graduates looking to break into tech without manually sifting through job boards.
&lt;/li&gt;
&lt;li&gt;Bootcamp grads or self-taught devs targeting remote-first roles.
&lt;/li&gt;
&lt;li&gt;Developers applying to 10+ jobs a day and tired of repetitive forms.
&lt;/li&gt;
&lt;li&gt;Mentors/coaches helping students track and apply efficiently.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Benefits:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Time Saved&lt;/strong&gt;: Replaces 1–2 hours of job search &amp;amp; apply effort daily.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Precision&lt;/strong&gt;: Matches your tech stack and preferred locations.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Consistency&lt;/strong&gt;: Every opportunity logged with a clear structure.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Scalability&lt;/strong&gt;: Easily expandable to other roles or apply logic.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Social Love
&lt;/h2&gt;

&lt;p&gt;I’m sharing this project on Twitter and inviting others to build smart career workflows.&lt;br&gt;
&lt;a href="https://x.com/MUKULRANA320419/status/1931668513355145635" rel="noopener noreferrer"&gt;Twitter Post&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://runner.hcompany.ai/chat/24fbfbd7-3d52-4d46-a97b-619f1c09c0c4/share" rel="noopener noreferrer"&gt;My Runner H Chat&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Let's Connect me on LinkedIn &lt;br&gt;
&lt;a href="https://linkedin.com/in/mukul-webdev" rel="noopener noreferrer"&gt;Linkedin&lt;/a&gt;&lt;br&gt;
&lt;a href="https://github.com/mukulpythondev" rel="noopener noreferrer"&gt;Github&lt;/a&gt;&lt;br&gt;
&lt;a href="https://mukulrana.vercel.app" rel="noopener noreferrer"&gt;Portfolio&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>runnerhchallenge</category>
      <category>ai</category>
      <category>machinelearning</category>
    </item>
    <item>
      <title>Shopify Store Integration in the Reactjs/Nextjs</title>
      <dc:creator>Mukul Rana</dc:creator>
      <pubDate>Sun, 06 Apr 2025 15:24:52 +0000</pubDate>
      <link>https://forem.com/mukulwebdev/shopify-store-integration-in-the-reactjsnextjs-1h2f</link>
      <guid>https://forem.com/mukulwebdev/shopify-store-integration-in-the-reactjsnextjs-1h2f</guid>
      <description>&lt;p&gt;You wanna use e-commerce features in your application and don't wanna write the backend logic from scratch? Shopify's got your back.&lt;/p&gt;

&lt;p&gt;With Shopify, you can integrate full-fledged e-commerce functionality into your React or Next.js app without reinventing the wheel.&lt;/p&gt;

&lt;p&gt;It simplifies the way you manage products, carts, checkouts, and orders — just like the big players: Amazon, Flipkart, and more. Shopify gives you control over both the frontend and backend (via APIs), so you can build a customized shopping experience the way you want.&lt;/p&gt;




&lt;h2&gt;
  
  
  🛒 Why Use Shopify in Your Web App?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;No need to build your own e-commerce backend from scratch
&lt;/li&gt;
&lt;li&gt;Secure &amp;amp; scalable infrastructure
&lt;/li&gt;
&lt;li&gt;Fast to set up and test (even with a development store)
&lt;/li&gt;
&lt;li&gt;Custom UI possible with React/Next.js
&lt;/li&gt;
&lt;li&gt;Smooth checkout with Shopify-hosted payment gateway
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🔄 Different Use Cases for Using Shopify
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Storefront API
&lt;/h3&gt;

&lt;p&gt;Use this when you're building a custom frontend (React/Next.js) and want full control over what the users see and interact with.&lt;/p&gt;

&lt;p&gt;With Storefront API, you can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fetch products and collections&lt;/li&gt;
&lt;li&gt;Create carts and manage checkout&lt;/li&gt;
&lt;li&gt;Handle customer authentication and order history (with some setup)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  2. Admin API
&lt;/h3&gt;

&lt;p&gt;This is for backend admin-level access like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Managing products, inventory, or orders&lt;/li&gt;
&lt;li&gt;Creating discount codes or webhooks&lt;/li&gt;
&lt;li&gt;Performing store-level operations&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🚀 How to Start — Step-by-Step
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1. Create a Shopify Development Store
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Go to &lt;a href="https://admin.shopify.com" rel="noopener noreferrer"&gt;Shopify Admin Dashboard&lt;/a&gt; and create the account.&lt;/li&gt;
&lt;li&gt;Create a dev store (no billing)&lt;/li&gt;
&lt;li&gt;This store will be your testing ground&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqpyxyhl2hrb8mu6bgf1r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqpyxyhl2hrb8mu6bgf1r.png" alt="Shopify Store Dashboard" width="800" height="478"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Create a Custom App in Shopify Admin
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Inside your store, go to &lt;strong&gt;Apps and Sales Channel → Develop App → Create App&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F35adxc1nz2npmvyhbwlp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F35adxc1nz2npmvyhbwlp.png" alt="Create App Screen" width="800" height="677"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fill the basic fields (name, email), then go to the &lt;strong&gt;Configuration&lt;/strong&gt; tab&lt;/li&gt;
&lt;li&gt;Enable &lt;strong&gt;Storefront API&lt;/strong&gt; access&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Add necessary scopes like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;unauthenticated_read_product_listings&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;unauthenticated_write_checkouts&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;unauthenticated_read_customers&lt;/code&gt;, etc.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;&lt;p&gt;Go to the &lt;strong&gt;API credentials&lt;/strong&gt; tab → copy tokens and save them to your &lt;code&gt;.env&lt;/code&gt; file&lt;/p&gt;&lt;/li&gt;

&lt;li&gt;&lt;p&gt;&lt;strong&gt;Install the app&lt;/strong&gt; to the store (don’t skip this!)&lt;/p&gt;&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1z3rpz3n2augys11kgpx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1z3rpz3n2augys11kgpx.png" alt="Show the tabs on the APP screen" width="768" height="228"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdtbe7dq0mq3jx1omcq05.png" alt="Scopes of the StoreFront API" width="726" height="518"&gt;
&lt;/h2&gt;

&lt;h2&gt;
  
  
  🛍️ What About Cart, Checkout &amp;amp; Payment?
&lt;/h2&gt;

&lt;p&gt;Here's the flow:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;User clicks &lt;strong&gt;Buy Now&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;You create a checkout via API&lt;/li&gt;
&lt;li&gt;Add selected product(s) to the checkout&lt;/li&gt;
&lt;li&gt;Redirect the user to &lt;code&gt;checkout.webUrl&lt;/code&gt; (Shopify-hosted payment page)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Super smooth!&lt;/p&gt;




&lt;h2&gt;
  
  
  🔗 Helpful Links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://shopify.dev/docs/api/storefront" rel="noopener noreferrer"&gt;📘 Shopify Storefront API Docs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://shopify.dev/docs/api/admin" rel="noopener noreferrer"&gt;🔧 Shopify Admin API Docs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://shopify.dev/graphiql/storefront-graphiql" rel="noopener noreferrer"&gt;🎨 Shopify GraphQL Explorer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  ✅ Conclusion
&lt;/h2&gt;

&lt;p&gt;If you're building an e-commerce web app and don't wanna spend time on backend logic or payment systems — Shopify Storefront API is 💯.&lt;/p&gt;

&lt;p&gt;It gives you flexibility, security, and scalability without sacrificing customization.&lt;/p&gt;

&lt;p&gt;You get the best of both worlds: custom frontend + ready-made e-commerce backend.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Happy Coding! 🚀 Feel free to connect or drop questions in the comments.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ecommerce</category>
      <category>webdev</category>
      <category>react</category>
      <category>shopify</category>
    </item>
  </channel>
</rss>
