DEV Community: Meshv Patel

🚀 Salesforce Launches a Free CRM Suite for Small Businesses — A Game-Changer for SMBs in 2025

Meshv Patel — Mon, 17 Nov 2025 12:15:00 +0000

Salesforce has officially entered the world of free tools — and this time, it's big.

To support startups, freelancers, and small businesses, Salesforce has launched a Forever-Free CRM Suite that offers core sales, service, and marketing features with zero cost.

This move has the potential to shake up the entire CRM market, especially for small teams that rely heavily on spreadsheets and manual processes.

🌟 What Is Salesforce Free Suite?

Salesforce Free Suite is a no-cost CRM designed specifically for small teams (up to 2 users).

It includes:

✔️ Sales Features

Lead Management
Opportunity Pipeline
Contact & Account Management

✔️ Service Features

Case Management
Basic Knowledge Base

✔️ Marketing Features

Email Marketing (100 emails/month)
Ready-made templates

✔️ Productivity Tools

Dashboards
Tasks & Activities
Gmail/Outlook/Calendar integrations (region dependent)

In short: the essential Salesforce experience, without the price tag.

💡 Why This Matters for Small Businesses

Many small businesses feel CRM tools are too expensive or too complicated. Salesforce just removed that barrier.

Here’s why this is a huge win for SMBs:

1️⃣ Zero Risk

No credit card, no subscription, no expiry. Just sign up.

2️⃣ All Customer Data in One Place

Leads, contacts, follow-ups, support tickets — all centralized.

3️⃣ Easy Upgrade Path

Start free → upgrade later as your team grows into the Starter or Pro Suite.

4️⃣ Backed by Salesforce

Enterprise-grade reliability, security, and ecosystem support.

5️⃣ Perfect for Indian SMBs

Consultants, agencies, local businesses, freelancers — everyone can use it without spending a rupee.

🧩 What You Get in the Free Version

Included

Up to 2 users
Sales + Service + Marketing basics
Case management
Email marketing (100/month)
Reports & Dashboards
Mobile app
Integration with Gmail/Outlook

Limitations

Only 2 users allowed
Limited automation
Low email volume
Some advanced customization requires paid tiers

Still — for a free CRM, this is one of the most generous offerings on the market.

🚀 Who Should Use Salesforce Free Suite?

This is ideal for:

Freelancers & consultants
Early-stage startups
Small agencies
Coaches & trainers
Local small businesses (real estate, travel, events, education, etc.)

If you’re not ready to invest in a monthly CRM subscription, this is the perfect starting point.

🔧 Getting Started in 10 Minutes

Sign up — no credit card required
Add contacts & leads
Set up a simple sales pipeline
Configure follow-up reminders
Create your first dashboard
Start managing your deals and support cases

A small business can go from no CRM → fully operational in under an hour.

📌 Why Salesforce Developers & Admins Should Care

If you’re working in the Salesforce ecosystem, this creates new opportunities:

Build POCs for clients without needing paid licenses
Recommend CRM adoption to SMBs
Practice and experiment with real Salesforce objects
Offer “Quick CRM Setup for Small Business” as a paid service

This free suite could massively increase Salesforce adoption across small businesses.

🎯 Final Thoughts

Salesforce Free Suite is more than a free product — it’s a strategic push to make CRM accessible for everyone.

For small businesses, it's a chance to run sales, service, marketing, and customer operations with enterprise-level tools at zero cost.

For developers and admins, it’s a new playground — and a new business opportunity.

Now is the best time for SMBs to shift from spreadsheets → CRM.

🚀 Google Gemini Pro Plan Worth ₹35,100 Is Now FREE for Jio Users — Here’s How to Activate It!

Meshv Patel — Fri, 07 Nov 2025 13:39:32 +0000

AI just got a massive push in India.

Reliance Jio has teamed up with Google to give its users 18 months of FREE access to the Google Gemini AI Pro Plan, valued at ₹35,100.

That’s right — you get access to Gemini 2.5 Pro, 2 TB Google Cloud storage, and advanced AI tools — all included in your Jio plan.

Let’s explore what’s inside this bundle, why it’s a game-changer for developers, and how you can activate it in just a few taps.

💡 What’s Included in the Google Gemini Pro Plan

Under this partnership, eligible Jio users get:

🧠 Gemini 2.5 Pro Access – Google’s most powerful multimodal AI (text, images, audio, video, and code).
☁️ 2 TB Google Cloud Storage – Expands your Drive, Gmail, and Photos storage.
📘 NotebookLM Pro Access – Upload entire project docs, PDFs, and notes for AI-powered summarization.
🎨 Generative Media Tools – Create visuals, UI prototypes, and social posts from prompts.
⚙️ AI Productivity Suite – Integrated with Google Workspace (Docs, Sheets, Slides, Gmail).

🕒 Duration: 18 months

💰 Value: ₹35,100

📱 Availability: Jio 5G unlimited plan users (rollout in phases)

⚙️ How to Claim the Offer (Official Steps)

You can activate your free Gemini AI Pro plan right inside the MyJio app.

🔹 Method 1: Quick Steps

Step 1: Open MyJio App → Tap the “Claim Google Gemini Plan” banner.

Step 2: Tap Activate Plan.

Step 3: Tap Go to Gemini — and boom, you’re in!

🔹 Method 2: Alternate Flow

Step 1: Open the MyJio app. You’ll see a banner at the top saying Claim Google Gemini Plan. Tap it.

Step 2: A new page opens → tap Activate Plan.

Step 3: It redirects you → tap Go to Gemini, and that’s it.

Your Google Gemini AI Pro plan is now active! ✅

📝 Tip: If the banner isn’t visible yet, keep checking. The offer is rolling out in batches.

👨‍💻 Why This Matters for Developers and Tech Professionals

This isn’t just a promo — it’s one of the biggest tech collaborations of the year.

Here’s why it’s huge for developers, students, and AI enthusiasts:

💻 1. Code, Debug, and Learn Faster

Gemini 2.5 Pro can understand code in Apex, Python, JavaScript, and more.

You can generate Lightning Web Components, fix syntax issues, or even ask for secure cybersecurity scripts.

Example:

“Write a Salesforce Apex method to create a new Contact and return the ID.”

Gemini will instantly write, explain, and optimize it.

☁️ 2. Your Cloud Storage Just Leveled Up

2 TB of free storage = more space for:

Source code repositories
Dev logs, reports, and backups
AI/ML datasets
Study material or personal archives

🧠 3. Smarter Learning & Cybersecurity Research

Upload whitepapers, PDFs, and security reports into NotebookLM, then let AI summarize or cross-reference them.

This is perfect for developers transitioning into cybersecurity or AI research.

⚡ 4. Faster Project Delivery

You can now use Gemini Pro as a virtual co-developer.

From documentation generation to API design — it’s like having an assistant who never sleeps.

🌏 The Bigger Picture: India’s AI Leap Forward

This partnership shows how India is leading the next phase of the AI revolution — where connectivity meets intelligence.

With Jio’s 5G coverage and Google’s AI capabilities:

Every student can now access advanced AI tools for free.
Developers get enterprise-level AI without subscriptions.
Freelancers and tech creators can build smarter, faster, and cheaper.

This is the democratization of AI, starting right here in India 🇮🇳.

⚠️ Important Notes

Ensure your Jio 5G plan remains active to keep your Gemini access.
Some early offers target users aged 18–25, but more age groups will be added soon.
Offer valid for 18 months from activation date.
Post-offer, your plan may revert to the free Gemini tier unless renewed.

🧩 How Developers Can Use This Bundle

Use Case	How Gemini Pro Helps
Full-Stack / Web Dev	Build and debug JS, Node, React components
Cybersecurity	Analyze logs, generate regex rules, simulate attacks
Data Science	Clean and transform datasets, visualize trends
Blogging	Write technical content and SEO drafts effortlessly
Project Docs	Summarize PDFs and research with NotebookLM

🔚 Final Thoughts

The Google Gemini + Jio partnership is a glimpse of India’s digital future — AI tools in every pocket, not just for enterprises.

If you’re a developer, student, or tech professional, this is your chance to experiment, learn, and build with top-tier AI — completely free for 18 months.

So open your MyJio app today, tap Claim Google Gemini Plan, and start exploring the future of AI-powered productivity.

🎃 Haunted Manor Tours - An Interactive Horror Experience

Meshv Patel — Fri, 31 Oct 2025 13:23:32 +0000

This is a submission for Frontend Challenge - Halloween Edition, Perfect Landing

What I Built

I created Haunted Manor Tours - a fully interactive Halloween landing page for a fictional premium haunted house experience. This isn't just a static page; it's an immersive journey complete with:

🎮 Interactive Games

Spin the Wheel of Doom for prizes
Interactive Ouija Board that responds to your touch
Clickable floating ghosts with surprises

🔊 Dynamic Sound System

All sounds generated via Web Audio API (no audio files!)
Thunder crashes, ghost wails, eerie ambient music
UI interaction sounds (hover, click, whoosh effects)
Full sound toggle control

✨ Advanced Animations

Custom particle system (50 floating particles)
Lightning flash effects with synchronized thunder
Blood drip animations
Custom cursor with smooth trailing effect
Parallax scrolling ghosts
3D card transformations

🎯 Real Features

Live countdown timer to Halloween
Three ticket tiers with selection system
Contact form with validation
Modal system for interactions
Scroll progress indicator
Full keyboard navigation

🎁 Easter Eggs

Konami code activation (try it!)
Hidden keyboard shortcuts (L for lightning, M for sound)
Random ambient sound effects
Secret messages from clicking elements

Demo

🔗 Live Demo

Quick Feature Tour:

🏠 Hero Section → Immersive introduction with floating elements
⏰ Countdown Timer → Real-time countdown to Halloween
🔮 Ouija Board → Hover over letters to commune with spirits
🎡 Spin the Wheel → Interactive prize wheel with physics
🎫 Ticket Selection → Three tiers with modal confirmations
📧 Contact Form → Functional form with sound feedback

🎃 Happy Halloween, and Happy Coding!

Built with ❤️ and 👻 for the Frontend Challenge: Halloween Edition

🎃 Ultimate Haunted House - Pure CSS Halloween Art

Meshv Patel — Tue, 28 Oct 2025 11:40:47 +0000

This is a submission for Frontend Challenge - Halloween Edition, CSS Art.

🎃 Ultimate Haunted House - CSS Art

My submission for the Frontend Challenge: Halloween Edition! A fully animated haunted scene created with pure CSS (and just a sprinkle of emojis for fun).

🌙 Live Demo

View on CodePen

✨ Features

This spooky scene includes:

🏚️ Haunted House with flickering windows and evil glowing attic
👻 Floating Ghosts with wavy tails
🎃 Three Jack-o'-Lanterns with glowing faces
🧙‍♀️ Flying Witch on broomstick
🦇 Four Bats flying across the moon
🕷️ Spider & Web in the corner
🐱 Black Cat with glowing eyes and wagging tail
🦉 Owl perched in dead tree

Everything else is pure CSS shapes, gradients, and clever positioning!

🎯 What I Learned

How to layer multiple elements for depth
Creating complex shapes with simple CSS properties
Timing animations for a cohesive scene
Using gradients for atmospheric effects
Optimizing CSS for performance

Happy Halloween! 🎃👻

What do you think? Any suggestions for improvements?

Contribution Chronicles: From Issue to Impact (Hacktoberfest)

Meshv Patel — Tue, 28 Oct 2025 10:45:55 +0000

I wrapped up six PRs this Hacktoberfest across two repos, with most of my time going into the Payment-Page project. I focused on small, well‑scoped changes that add visible value: a UI refactor for a template, a product‑style features page, and a live analytics dashboard. Below are the highlights and a few lessons that helped me move fast without breaking things.

TL;DR

6 PRs across 2 repos (majority in Payment-Page)
Highlights: refactored inline code for a cleaner UI, shipped a features page with comparisons, and built a real‑time analytics dashboard with KPIs
Takeaways: keep PRs tight, add screenshots for UI work, and shape data for smooth charts

Why these projects

UI/template work gives immediate impact—cleaner structure, better accessibility, and easier maintenance.
Payment flows benefit from clarity and feedback. A solid features page reduces confusion; a dashboard makes status and trends obvious at a glance.

Contribution 1 — Fashion Blog Template: Refactor inline code and improve UI

Repo: Maddy57770/Fashion-Blog-Template

PR: https://github.com/Maddy57770/Fashion-Blog-Template/pull/38

What changed

Moved inline CSS/JS into dedicated files and added small utility classes for spacing, type scale, and buttons.
Standardized colors and spacing with CSS custom properties; improved contrast on text and interactive elements.
Replaced inline onclick handlers with event listeners; tuned mobile breakpoints; added helpful ARIA attributes.

Before → after (snippet)

<!-- Before -->
<h2 style="margin: 0 0 16px; color: #444">New Arrivals</h2>
<button onclick="toggleMenu()" style="background:#000;color:#fff">Menu</button>

<!-- After -->
<h2 class="heading-md text-ink-700">New Arrivals</h2>
<button class="btn btn-dark" aria-controls="mobile-menu" aria-expanded="false">Menu</button>

/* utilities.css */
:root {
  --space-2: 0.5rem;
  --space-4: 1rem;
  --radius: 0.5rem;
  --ink-700: #374151;
}
.heading-md { font-size: clamp(1.25rem, 2vw, 1.5rem); margin-bottom: var(--space-4); }
.text-ink-700 { color: var(--ink-700); }
.btn { padding: 0.625rem 1rem; border-radius: var(--radius); border: 0; cursor: pointer; }
.btn-dark { background: #111; color: #fff; }
.btn-dark:focus-visible { outline: 2px solid #7c3aed; outline-offset: 2px; }

// app.js
const menuBtn = document.querySelector('.btn[aria-controls="mobile-menu"]');
const menu = document.getElementById('mobile-menu');

menuBtn?.addEventListener('click', () => {
  const expanded = menuBtn.getAttribute('aria-expanded') === 'true';
  menuBtn.setAttribute('aria-expanded', String(!expanded));
  menu?.classList.toggle('hidden', expanded);
});

Impact

Codebase: fewer inline styles/handlers, clearer structure, better caching potential.
UX: more consistent spacing/typography; improved focus states and keyboard handling.

Contribution 2 — Payment-Page: Features page with interactive showcase and comparisons

Repo: Maddy57770/Payment-Page

PR: https://github.com/Maddy57770/Payment-Page/pull/9

What shipped

An interactive features page (filter by category, quick scanning).
A comparison section that stays readable on mobile.
Consistent icons, copy tone, and spacing for a cohesive look.

Feature filter (vanilla JS)

// data-tab="all|security|payouts|integrations"
// data-feature="security,webhooks"
const tabs = document.querySelectorAll("[data-tab]");
const cards = document.querySelectorAll("[data-feature]");

tabs.forEach(tab => {
  tab.addEventListener("click", () => {
    const key = tab.dataset.tab;
    tabs.forEach(t => t.classList.toggle("is-active", t === tab));
    cards.forEach(card => {
      const groups = card.dataset.feature.split(",");
      const show = key === "all" || groups.includes(key);
      card.hidden = !show;
    });
  });
});

Mobile‑friendly comparison layout

<section class="comparison">
  <div class="row head">
    <div></div>
    <div>Starter</div>
    <div>Pro</div>
  </div>
  <div class="row">
    <div>Instant Payouts</div>
    <div>—</div>
    <div>✓</div>
  </div>
  <div class="row">
    <div>Dispute Dashboard</div>
    <div>✓</div>
    <div>✓</div>
  </div>
</section>

.comparison { display: grid; gap: 0.5rem; }
.row { display: grid; grid-template-columns: 2fr 1fr 1fr; align-items: center; }
.row.head { font-weight: 600; }
@media (max-width: 640px) {
  .row { grid-template-columns: 1fr; }
  .row > div:not(:first-child)::before {
    content: attr(data-col);
    font-size: 0.75rem; color: #6b7280; margin-right: 0.5rem;
  }
}

Impact

Faster decision‑making: users can compare at a glance and try interactions on the spot.
Easier maintenance: componentized layout makes future plan changes simple.

Contribution 3 — Payment-Page: Analytics dashboard with real‑time charts and KPIs

Repo: Maddy57770/Payment-Page

What shipped

KPI cards for core metrics (Revenue, Transactions, Conversion, Refunds).
Real‑time charts (line for revenue trend, bar for methods, doughnut for success vs failure).
Smooth, incremental updates with a small data generator for demo mode.

Chart update loop (Chart.js)

import Chart from "chart.js/auto";

const el = document.getElementById("revenueChart");
const chart = new Chart(el, {
  type: "line",
  data: { labels: [], datasets: [{ label: "Revenue", data: [], borderColor: "#4f46e5", tension: 0.3 }] },
  options: {
    animation: { duration: 250 },
    plugins: { legend: { display: false } },
    scales: { y: { beginAtZero: true, ticks: { callback: v => `$${v}` } } }
  }
});

function addPoint() {
  const now = new Date().toLocaleTimeString();
  const value = Math.round(200 + Math.random() * 800);
  chart.data.labels.push(now);
  chart.data.datasets[0].data.push(value);
  if (chart.data.labels.length > 12) {
    chart.data.labels.shift();
    chart.data.datasets[0].data.shift();
  }
  chart.update("none");
}

setInterval(addPoint, 2000);

KPI card markup

<section class="kpis">
  <article class="kpi">
    <h3>Revenue</h3>
    <p class="value">$12,340</p>
    <p class="delta up">+4.2% WoW</p>
  </article>
  <article class="kpi">
    <h3>Transactions</h3>
    <p class="value">1,284</p>
    <p class="delta down">-1.1% WoW</p>
  </article>
</section>

.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; }
.kpi { padding: 1rem; border: 1px solid #e5e7eb; border-radius: 0.75rem; background: #fff; }
.kpi .value { font-size: 1.75rem; font-weight: 700; margin: 0.25rem 0; }
.delta.up { color: #16a34a; }
.delta.down { color: #dc2626; }
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

Impact

A clear, visual pulse of the system without digging into raw logs.
Simple to swap the mock generator for real data since the data shape is consistent.

More Payment-Page PRs (quick hits)

In addition to the major features above, I opened several smaller PRs in Payment-Page focused on polish, cleanup, and minor fixes to keep the UI consistent and the codebase tidy. These included small accessibility tweaks, copy/spacing refinements, and code organization improvements.

Collaboration and review notes

For UI work, attaching before/after screenshots and a one‑liner “why” sped up reviews noticeably.
I aligned naming, folder structure, and code style with each repo to keep diffs small and readable.
I kept each PR tight: one logical change, one clear outcome.

What I learned

Technical
- Move inline styles and handlers out early; it pays off in maintainability and caching.
- Comparison layouts should prioritize mobile readability—stack rows rather than cramming columns.
- Real‑time charts are as much about data shape and cadence as visuals—limit the window for smooth updates.
Collaboration
- Ask clarifying questions before building; it saves churn.
- Screenshots, short videos, and a focused PR description are review gold.
Git hygiene
- Commit messages that tell a story (“what + why”), then squash once the story is clear.

Numbers at a glance

PRs completed: 6
Repos touched: 2 (majority of contributions in Payment-Page)
Focus areas: refactoring, UI/UX polish, feature pages, analytics

What’s next

Payment-Page
- Add loading skeletons and empty states for analytics.
- Export CSV for selected date ranges.
- Lightweight alerts when error rates spike.
Fashion-Blog-Template
- Introduce CSS variables for theming and dark mode.
- Audit focus states and color contrast against WCAG AA.

Selected PR links

Fashion Blog Template — Refactor inline code & improve UI: https://github.com/Maddy57770/Fashion-Blog-Template/pull/38
Payment-Page — Features page with interactive showcase and comparisons: https://github.com/Maddy57770/Payment-Page/pull/9
More: additional PRs are in the Payment-Page repo.

Thanks
Appreciate the maintainers for thoughtful reviews and quick feedback. If you’re looking to contribute, both repos have approachable issues:

Fashion Blog Template issues: https://github.com/Maddy57770/Fashion-Blog-Template/issues
Payment-Page issues: https://github.com/Maddy57770/Payment-Page/issues

If you have feedback or want to pair on a follow‑up issue, I’m all ears.

Intro to GitHub Action CI/CD

Meshv Patel — Fri, 31 Mar 2023 09:40:21 +0000

Intro to GitHub Action CI/CD

Continuous integration (CI) and continuous delivery (CD) are practices that aim to automate and streamline the software development process. CI/CD helps developers to build, test, and deploy code faster and more reliably.

GitHub Actions is a feature of GitHub that allows you to create custom workflows for your GitHub repositories. You can use GitHub Actions to perform any task you want, such as running tests, checking code quality, generating artifacts, or deploying your application.

In this blog post, we will learn how to set up a simple CI/CD pipeline with GitHub Actions for a web application hosted on Azure App Service.

Prerequisites

To follow along with this tutorial, you will need:

A GitHub account and a repository with some code for a web application. You can use any language or framework you prefer, but we will use Node.js and Express.js as an example.
An Azure account and an App Service plan with a web app created. You can use the Azure portal or the Azure CLI to create these resources.
Basic knowledge of YAML syntax

Step 1: Create a workflow file

A workflow is a YAML file that defines the steps and actions that GitHub should run when certain events occur in your repository. For example, you can trigger a workflow when someone pushes code to a branch, creates a pull request, or releases a new version.

To create a workflow file, go to your repository on GitHub and create a new directory called .github/workflows. Inside this directory, create a new file called ci-cd.yml.

The first part of the workflow file defines the name of the workflow and the events that trigger it. For this example, we will run the workflow on every push event to the main branch:

If you do not want to make yml file by your own then just use github one..

Go to your repository then click on Action Tab.
Select which type of workflow you want to use.
And commit it ✨ Good to Go.

ci-cd.yml


name: Build and deploy Node.js app to Azure Web App

on:
  push:
    branches:
      - master
  workflow_dispatch:

jobs:
  build:
    runs-on: windows-latest

    steps:
      - uses: actions/checkout@v2

      - name: Set up Node.js version
        uses: actions/setup-node@v1
        with:
          node-version: '16.x'

      - name: npm install, build, and test
        run: |
          npm install
          npm run build --if-present
          npm run test --if-present

      - name: Upload artifact for deployment job
        uses: actions/upload-artifact@v2
        with:
          name: node-app
          path: .

  deploy:
    runs-on: ubuntu-latest
    needs: build
    environment:
      name: 'Production'
      url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}

    steps:
      - name: Download artifact from build job
        uses: actions/download-artifact@v2
        with:
          name: node-app

      - name: 'Deploy to Azure Web App'
        uses: azure/webapps-deploy@v2
        id: deploy-to-webapp
        with:
          app-name: 'Node-CRUD'
          slot-name: 'Production'
          publish-profile: ${{ secrets.AZUREAPPSERVICE_PUBLISHPROFILE_2BDBEF10FD894BBDA4BBD91349CE4F43 }}
          package: .

This workflow is named "Build and deploy Node.js app to Azure Web App" and runs on every push to the main branch. It defines a single job named test that runs on an Ubuntu virtual machine. The job includes three steps:

The actions/checkout action checks out our repository code on the virtual machine.
The npm install command installs our dependencies.
The npm test command runs our tests.
With this workflow in place, every time we push changes to the main branch, our tests will automatically run on an Ubuntu virtual machine.

Building and Deploying

Next, we'll add two more workflows to our DevOps pipeline: one for building our Node.js application and another for deploying it.

Here's what the YAML file for our "Build" workflow will look like:

jobs:
  build:
    runs-on: windows-latest

    steps:
      - uses: actions/checkout@v2

      - name: Install dependencies
        run: npm install

      - name: Build
        run: npm run build

This workflow is named "Build" and runs on every push to the main branch. It defines a single job named build that runs on an Ubuntu virtual machine. The job includes three steps:

The actions/checkout action checks out our repository code on the virtual machine.
The npm install command installs our dependencies.
The npm run build command builds our Node.js application.
Finally, we'll create a workflow for deploying our application. For this, we'll use the ssh-deploy action to deploy our application to a remote server.

Here's what the YAML file for our "Deploy" workflow will look like:

deploy:
    runs-on: ubuntu-latest
    needs: build
    environment:
      name: 'Production'
      url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}

    steps:
      - name: Download artifact from build job
        uses: actions/download-artifact@v2
        with:
          name: node-app

      - name: 'Deploy to Azure Web App'
        uses: azure/webapps-deploy@v2
        id: deploy-to-webapp
        with:
          app-name: 'Node-CRUD'
          slot-name: 'Production'
          publish-profile: ${{ secrets.AZUREAPPSERVICE_PUBLISHPROFILE_123 }}
          package: .

After done with workflow just commit and see there is action will be created...

Node JS Code
After pushing code to github

You will see this img

After successfully run this job our code has been perfectly run and build...

Conclusion

In this blog post, we showed you how to automate your DevOps workflow using GitHub Actions. We created workflows for testing, building, and deploying a simple Node.js application. With GitHub Actions, you can easily automate your software delivery process and increase collaboration between teams.

GitHub Actions is a powerful tool that's easy to use and highly customizable. You can create workflows for almost any task, from testing and building to deploying and monitoring. With GitHub Actions, you can streamline your DevOps pipeline and deliver high-quality software faster than ever before.

Cron job creation using Node JS.

Meshv Patel — Fri, 04 Nov 2022 13:49:17 +0000

The Cron command-line utility is a job scheduler. So Cron do our same task that we are doing in daily life such as Sending emails, Notifications and other repetitive tasks.

Have you ever think that some of big tech company are doing backup on daily basis, So are they going to run script everyday?

So, the answer is Big No. They are using cron job So that write script once, then run everyday. We can even customize it in our need.

Prerequisites

Check Node version v16.2.0 (or more).

If not installed then download from link else good to go...

Step 1 — Creating a Node Application and Installing Dependencies

Open terminal and run commands

mkdir CronJob

cd CronJob

Initialize npm package.json

npm init -y

Install dependancy

npm i node-cron

Step 2 — Crating task

So, here I want to make script to run ervery minutes.

create index.js by typing command in terminal(windows)

type Null > index.js

Open index.js and add following code

var cron = require("node-cron");

cron.schedule("* * * * *", () => {
  console.log("running a task every minute");
});

The syntax of * is base on Crontab

 # ┌────────────── second (optional)
 # │ ┌──────────── minute
 # │ │ ┌────────── hour
 # │ │ │ ┌──────── day of month
 # │ │ │ │ ┌────── month
 # │ │ │ │ │ ┌──── day of week
 # │ │ │ │ │ │
 # │ │ │ │ │ │
 # * * * * * *

Here If we apply * for it will defaulty run every instance of time.

Ex.

- * * * *  * *   --> Every seconds. (Second is optinal)
-   * * *  * *   --> Every minutes.
-   1 * *  * *   --> 1 min of every hours.
-   0 1 *  * *   --> 1 hours of every day.
-   0 0 3  * *   --> Every Wednesday 00:00 run.
-   0 0 18 2 *   --> Every 18,Feb day run.

Run Script

  node index.js

After Every minutes, you will see results like:-

running a task every minute
running a task every minute

Examples

cron.schedule("0 0 18 2 *", function () {
  console.log("---------------------");
  console.log("Running Cron Job on 18 Feb");
  // send people on their birthday.
  sendEmail("myEmail@gmail.com", "Happy birthday");
});

Here, cron job run every 18-Feb day in every year. Once code run then send automatically send email to people on their birthday.

Conclusion

In this blog, we have discussed about Cron Job creation using Node JS and use in real-life and schedule your repetitive task and save your time...

Top Heroku Alternatives for free

Meshv Patel — Wed, 31 Aug 2022 13:49:56 +0000

Recently Heroku will shutdown free Heroku Dynos, free Heroku Postgres, and free Heroku Data for Redis after November 28th, 2022.

So, after some research on some of free alternatives provider I have gone through them all and see if it is free then I have included in my list that I am providing you 😎⭐😀.

1.Netlify - Host serverless apps

Netlify - link

You can try this one if you use serverless backend as you can make api with it.

For Reference:-
fullstack on netlify

2.Cloudflare - Best for Static Site.

Cloudflare

Pair http://pages.cloudflare.com (unlimited hosting 100% free, no underlying conditions), with http://workers.cloudflare.com (very generous free plan for serverless functions), and all the other cool stuff (R2, Durable Objects, KV, etc.), and it's a powerhouse!

Cloudflare references blog

3.Cyclic - Deploy full stack Node JS apps in seconds.

If you are MERN Stack developer then this is best for you.

It provides many things such as

For Frontend:- React, Next, Vue, Svelte.
For Backend:- Express, Node JS.
DataBase.
Even Bots :- Slack Bot.

If you sign up using my link you will get $10 free credit.

4.Deta – The Cloud for Developers

Get your Python & Node.js apps / APIs on the internet in seconds.

Deta is free for ever.

5. Firebase - Fast and secure web hosting

Firebase Hosting provides fast and secure hosting for your web app, static and dynamic content, and microservices.

6. Railway - Made for any language.

It also provide many language supports such Node Js, Django, Laravel, Kotlin spring, ruby and more....

According to me, you must try this. This is perfect for us as it will provide predefined template for all languages.

If you sign up using my link you will get $10 free credit.

7. Render - The fastest

way to host all your web apps.

It provides also

DataBase:-Redis, Postgres.

8.Devtron

Open source Software delivery workflow for kubernetes.

9.Fly - Run your full stack apps all over the world.

Every app will works on this.

Build with your favorite framework, ship on Fly.io. If you can build it into a Dockerfile, we can run it.

10.Fathym - Develop and deploy micro frontends in a headless, open world.

I would highly recommend this if you want to build Micro Frontend App then must try at once.

11. Back4app - Low-code backend to build modern apps

From databases to blockchain storage, we’ve got your backend covered

12.Dom Cloud - Classic Web Hosting Made Easy

A hosting service that serves all.

This is experimental as I have not tried before. Let me know if you are going to use.

13.Adaptable - The easiest way to deploy your FullStack App

Just connect your GitHub repository and let Adaptable handle the rest.

14.Microtica

Production-ready infrastructure and application templates to build solutions on AWS without ever opening the console.

15.Coherence - The First Developer Experience Platform

Get dev environments, full-stack branch previews, and deployments in one cohesive development experience — running in your cloud.

Microsoft Azure - Microsoft Azure portal

If you are college student, then you will access Microsoft Azure Services.
So,you can host your backend app such as Node JS, Django, PHP.

Conclusion

These are my list that, up till now, I have found and share with you so that you can use it for free and make you website live ⭐.

So, which one you are going to try?

Let me know in comment section. Moreover, If anything left in my list, please share it in comment as well 👍.

🌎 Let's Connect

Twitter
Github
Linkedin