Tutorials, Tips and Technology

How to get Tirupati temple ticket

2026-03-12T21:02:00.007+05:30

Chrome Extension Review

Stop Wasting Precious Minutes on
TTD Darshan Booking Forms

A devotee-built Chrome extension that autofills every field, logs you in instantly, and books your group — all in one click.

By Daisy Mirthwood ✦ TT Devasthanam Booking Helper ✦ Chrome Extension

Tirumala Venkateswara Temple — one of the most visited pilgrimage sites in the world

Every year, millions of devotees from across India — and beyond — attempt to book a Darshan slot at the sacred Tirumala Venkateswara Temple. The online portal of Tirumala Tirupati Devasthanams (TTD) is the gateway to this spiritual experience. But anyone who has tried to book during peak season knows the drill: the site opens, thousands rush in simultaneously, and in the chaos of filling out form after form for an entire family group, precious seconds slip away. By the time you're done entering Aadhar numbers for the sixth person, the slots are gone.

A new Chrome extension called TT Devasthanam Booking Helper, created by developer Daisy Mirthwood and available on Gumroad, is designed to eliminate exactly that frustration. It's a smart, lightweight browser extension that pre-saves all your traveler details — and autofills the entire booking form in a single click.

"What if you never had to type your Aadhar number into a TTD booking form again? That's exactly the promise this extension delivers."

Why the TTD Booking Process Is So Painful

The TTD online portal serves crores of devotees, and it shows. When Special Darshan slots open, the competition is intense and the time window is razor-thin. The booking form asks for details for every single traveler in your group — name, mobile number, date, Aadhar card number, and more. For a family of five or six, that's a lot of manual typing under pressure.

Even small mistakes — a mistyped digit in an Aadhar number, forgetting to select the correct date — can invalidate your booking attempt and send you back to square one. The process is stressful, error-prone, and frankly, antithetical to the peaceful spiritual journey you're trying to plan.

Did you know? Tirumala Tirupati Devasthanams manages one of the most visited religious sites on earth, with footfall often exceeding 50,000 to 80,000 pilgrims per day. Securing an online Darshan slot is intensely competitive — every second of the booking process matters.

Enter the TT Devasthanam Booking Helper

The TT Devasthanam Booking Helper is a Chrome browser extension that sits quietly in your toolbar — invisible until you need it, and then dramatically useful. The concept is elegantly simple: you enter all your traveler details once, save them securely in the extension, and on booking day it fills everything in for you automatically.

Here's a look at the core features that make it stand out:

⚡

Quick Access Popup

Launch the entire interface with a single click from your Chrome toolbar. No menus, no hunting around.

📱

Essential Details Capture

Securely save your primary 10-digit mobile number and default date of booking — the two fields that never change.

👨‍👩‍👧‍👦

Group Traveler Management

Use the "Add People" button to enter and manage details for every person in your group. Handle large families with ease.

🪪

Aadhar-Focused ID Support

Currently supports Aadhar Number as the valid ID type — keeping data entry focused, accurate, and TTD-compliant.

🔐

Instant Login Automation

Visits the login page? One click on "Fill Data" inserts your mobile number and auto-submits — logging you in within seconds.

✅

Comprehensive Autofill

Fills date, number of persons, and all traveler Aadhar details across Special Darshan and booking pages simultaneously.

✦

Watch It in Action

Daisy Mirthwood has put together a detailed demo video showing exactly how the extension works — from installation all the way through a complete booking autofill. If you're wondering how fast the process really becomes, watching the demo is the best way to see it for yourself.

✦

How to Use It — Step by Step

Getting started is genuinely simple. Here's the full process from install to first autofill:

Installation: Download the extension from the Gumroad product page and install it into your Chrome browser as shown in the accompanying installation video.
Open the Popup: Click the extension icon in your Chrome toolbar to open the popup interface.
Enter Primary Details: Input your 10-digit mobile number and select your default Date of Booking. These are saved for all future sessions.
Add Travelers: Click the "Add People" button and fill in each traveler's details — including their Aadhar Number. Repeat for every person in your group.
Save: Hit save. Your details are now securely stored in the extension, ready to deploy on booking day.
On Booking Day — Login: Visit the TTD login page, click "Fill Data" in the popup — your mobile number is entered and the form is submitted automatically. You're logged in within seconds.
On the Booking Page — Autofill: Navigate to the Special Darshan or booking page, click "Fill Data" again, and watch as every field — date, number of persons, and all individual Aadhar details — gets filled in instantly and accurately.

Pro tip: Set up the extension the evening before a booking slot opens. That way, on the day of booking, all you need to do is click "Fill Data" — no scrambling to remember details or type under pressure.

Intelligent Login Automation — A Closer Look

One of the most impressive touches in this extension is the login automation. When you land on the TTD login page, you don't even need to manually click your mobile number field and start typing. Open the popup, click "Fill Data," and the extension inserts your saved mobile number into the correct field and automatically submits the form. You are logged in almost instantly.

This alone saves critical seconds during peak booking periods when you're competing against thousands of other devotees trying to get in at the same moment.

The Autofill That Actually Works

The extension's Special Darshan page autofill is where it really earns its place. Once you're on the booking page and click "Fill Data," the extension comprehensively populates:

Date of Booking — uses your saved default, with the option to adjust
Number of Persons — automatically counted from your saved traveler list
Individual Traveler Details — name and Aadhar number filled for every single person in your group

No partial fills. No skipped fields. The extension is designed to handle the entire form in one decisive action.

"In the race for Darshan slots, the difference between success and disappointment can be as little as 10 seconds. This extension gives you those seconds back."

Who Is This For?

This extension is built for anyone who books TTD Darshan online — but it's especially valuable for:

Families booking as a group (4–6 people), where manual entry is the most time-consuming
Devotees who book frequently and are tired of re-entering the same details every time
Anyone who has missed a slot due to slow form-filling
Pilgrims who want a stress-free, error-free booking experience

✦

Ready to Book Smarter?

Get the TT Devasthanam Booking Helper Chrome Extension from Daisy Mirthwood's Gumroad page and never scramble through a TTD booking form again.

Get the Extension on Gumroad →

Final Thoughts

The TTD booking experience doesn't have to be stressful. The TT Devasthanam Booking Helper is a thoughtful, well-built tool that solves a very real and very specific problem — and it does it elegantly. It's not trying to be everything; it focuses on doing one thing exceptionally well: getting your details into the booking form faster and more accurately than any human can.

For devotees who plan regular pilgrimages to Tirumala, or even for those making their one big trip of the year, this extension is well worth adding to your Chrome browser. The few minutes spent setting it up will be repaid many times over on the morning those booking slots open.

🙏 Jai Balaji — may your Darshan be blessed, and your booking go smoothly.

Create a Chrome extension using Manifest V3 to make API calls to OpenAI

2024-04-05T23:15:00.004+05:30

1. Create a Manifest File (manifest.json)

{

"manifest_version": 3,

"name": "OpenAI Chrome Extension",

"version": "1.0",

"permissions": ["https://api.openai.com/*"],

"action": {

"default_popup": "popup.html",

"default_icon": {

"16": "icon.png",

"48": "icon.png",

"128": "icon.png"

}

"background": {

"service_worker": "background.js"

}

2. Create a Popup HTML File (popup.html)

<!DOCTYPE html>

<head>

<title>OpenAI Extension Popup</title>

</head>

<body>

</body>

</html>

3. Create a Popup JavaScript File (`popup.js`)

async function fetchData() {

try {

const response = await fetch('https://api.openai.com/v1/your_endpoint', {

method: 'POST',

headers: {

'Authorization': 'Bearer YOUR_API_KEY',

'Content-Type': 'application/json'

body: JSON.stringify({

// Your request body data

})

});

const data = await response.json();

document.getElementById('response').textContent = JSON.stringify(data, null, 2);

} catch (error) {

console.error('Error fetching data:', error);

document.getElementById('response').textContent = 'Error fetching data';

}

document.addEventListener('DOMContentLoaded', fetchData);

4. Create a Background JavaScript File (background.js)

// This file is empty for now, but can be used for background tasks if needed

5. Replace `"your_endpoint"` with the appropriate endpoint from OpenAI's API and `"YOUR_API_KEY"` with your actual OpenAI API key.

6. Load the Extension in Chrome

- Open Chrome and go to `chrome://extensions/`.

- Enable Developer mode.

- Click on "Load unpacked" and select the directory containing your extension files.

This is a basic setup to get you started. Make sure to handle errors, API key securely, and consider adding more features as needed.

Typescript inheritance example with code

2022-12-14T12:45:00.005+05:30

Typescript inheritance example with code

Code example - https://typescript-bc7fcz.stackblitz.io

This video explains how to do inheritance in Typescript using examples. Code example - https://stackblitz.com/edit/typescript-bc7fcz?file=index.ts First we will create a parent class called Person. This class has two properties first name and last name. Write a constructor method to set these two properties. We will also have two methods. One for getting the full name and another describe method. Now the person class is ready. We are going to create an instance of this class using a new keyword. Using this instance we can call the two methods of Person class. Now we will see how to create a child class using Typescript inheritance. Typescript uses a keyword 'Extends' to inherit properties of another class. The constructor method of the child class should call super method , so that the parent constructor is invoked. Similar to parent class we can create an instance of child class . Since Student class is inherited from Person class, it can access its Parent class methods as well as its own methods. Why do we use inheritance? We can use it for Method Overriding (so runtime polymorphism can be achieved). We can use it for Code Reusability.

First we will create a parent class called Person. This class has two properties first name and last name. Write a constructor method to set these two properties. We will also have two methods. One for getting the full name and another describe method.

Now the person class is ready. We are going to create an instance of this class using a new keyword. Using this instance we can call the two methods of Person class.

Now we will see how to create a child class using Typescript inheritance. Typescript uses a keyword 'Extends' to inherit properties of another class. The constructor method of the child class should call super method , so that the parent constructor is invoked. Similar to parent class we can create an instance of child class . Since Student class is inherited from Person class, it can access its Parent class methods as well as its own methods.

Why do we use inheritance? We can use it for Method Overriding (so runtime polymorphism can be achieved). We can use it for Code Reusability.

Formatting and styling console.log messages in web browser console

2022-12-08T09:53:00.005+05:30

Formatting and styling console.log messages in web browser console

Angular framework features

2022-12-02T14:50:00.004+05:30

How to install your own extension in Firefox browser

2022-11-27T21:54:00.002+05:30

How to install your own extension in Firefox browser . Create your extension files or get a sample extension files from GITHUB. We are going to use Borderify extension. This extension add a red border around the mozilla website . Once extension files are ready open a new tab and type about : debugging. Click on the blue color This Firefox link button. This will take you to the Temporary extensions page. Click on Load temporary add on button. Browse and select any file from your extension folder. This will install the selected extension . To test the extension open the mozilla.org website in the new tab. You can see a red color border around the website . Download sample extensions from link https://github.com/mdn/webextensions-examples/

Visual Studio Code - HTML live preview extension

2022-11-25T20:16:00.005+05:30

Visual Studio Code - HTML live preview extension

Angular 14 new features

2022-11-20T10:28:00.003+05:30

Best JavaScript editors 2023

2022-11-13T11:31:00.003+05:30

Best JavaScript editors 2023

Angular non singleton services

2022-11-10T14:48:00.006+05:30

Angular non singleton services

LinkedIn Jobs export extension for Firefox

2020-05-31T23:44:00.004+05:30

https://addons.mozilla.org/en-US/firefox/addon/linked-jobs-export/

Get this extension free

Angular 8 app hosted in Nginx server gets 404 page when refreshed

2020-05-15T14:30:00.002+05:30

Angular 8 app hosted in Nginx server gets 404 page when refreshed

This is because of NGINX not able to find the index.html of Angular app

modify the site-available/default config file of nginx like below

try_files $uri $uri/ /index.html;

server {
        listen 80;
        listen [::]:80;

        root /var/www/example.com/html;

    index index.html index.htm index.nginx-debian.html;

        server_name example.com www.example.com;

        location / {
            try_files $uri $uri/ /index.html;
         }
}

Get Youtube thumbnail easily using Firefox Android extension

2020-05-08T23:53:00.005+05:30

Get Youtube thumbnail easily using Firefox Android extension.

This extension is supported both on desktop and Android Firefox versions

https://addons.mozilla.org/en-US/firefox/addon/yutube-thumb/

Desktop version demo

Mobile version demo

Get Firefox for Android

REDIS server security in Ubuntu or any other Linux OS

2020-05-08T16:42:00.001+05:30

If Redis server is not configured correctly for security, it can be affected by malware and bots.

These malware make use of server CPU and memory. They can install cron jobs also which will run in background.

If you abnormal usage of CPU , check the the process which is taking more CPU

running this command "top".

If redis-server is the process taking more CPU. Enable logs for redis.

By default logs are not enabled in redis.conf config file.

# Specify the log file name. Also the empty string can be used to force
# Redis to log on the standard output. Note that if you use standard
# output for logging but daemonize, logs will be sent to /dev/null
logfile "/your-path/redis.log"

Also apply file permission and ownership to redis user for the file redis.log

There are many ways you can make REDIS server secure.

1. First thing is use REDIS as localhost , never attach any public IP to it.

use configuration edit your redis.conf file search and fine bind

bind 127.0.0.1

2. Second important thing is enable password for Redis

edit redis.conf file

requirepassword <strong password>

3. Disble dangerous Redis CLI commands

in redis.conf search for rename-command

rename-command CONFIG ""

rename-command BGREWRITEAOF ""

rename-command BGSAVE ""

rename-command SAVE ""

rename-command SPOP ""

rename-command SREM ""

rename-command RENAME ""

rename-command DEBUG ""

rename-command FLUSHDB ""

rename-command FLUSHALL ""

rename-command KEYS ""

rename-command PEXPIRE ""

rename-command DEL ""

rename-command SHUTDOWN ""

Instant website blocker

2020-04-25T16:12:00.002+05:30

Instant website blocker chrome extension allows user to block any website.

Buy now

Firefox addon for Android

2020-04-16T18:02:00.002+05:30

https://addons.mozilla.org/en-US/android/addon/panic-button-ballachy/

This small Firefox Android extension help users to close all opened tab with single click.

OSClass plugin - publish any HTML content from Admin panel

2020-04-08T23:06:00.000+05:30

OSClass plugin - publish any HTML content from Admin panel

Download

ZIK analytics chrome extension

2020-04-07T22:12:00.001+05:30

ZIK analytics chrome extension

Using this extension users can export the search results from https://www.zikanalytics.com/ website

The extension collect multiple pages data and export on a single click.

Watch video below

IONIC 4 app not connecting to API running in Android device

2020-03-11T11:57:00.002+05:30

IONIC 4 app not connecting to API running in Android device

Go to \resources\android\xml\

Open network_security_config.xml

Include domain below

<domain includeSubdomains="true">Your API IP or domain </domain>

Empty List Of Devices Attached via USB Debugging on Windows

2020-03-11T11:53:00.001+05:30

adb devices

command not returning any devices

try below things

1) install USB driver for your devices
2) Enable USB debugging in your android phone
3) Reconnect the phone and run adb devices again

Angular 2+ how to share same ajax response with multiple components

2019-12-06T12:15:00.002+05:30

Create a service like above.
The line

import shareReplay from rxjs

import { share, shareReplay } from 'rxjs/internal/operators';

this.profileObservable =

this.http.get(environment.APIEndpoint + 'userProfile').pipe(shareReplay());

create a shareable HTTP Observable. This can used by any component to get the response.

Only one ajax request will trigger for all the request to this service.

Firefox extension : JIRA dashboard ticket export to CSV file

2019-11-22T23:38:00.001+05:30

Firefox extension for JIRA - Export data as CSV

This Firefox extension will export data from a JIRA dashboard to CSV file.
This will be easy option for JIRA users to quicky copy the list of tickets to email or excel

This extension allow user to export active sprints tickets to a CSV file.

Update : Latest version export JIRA tickets from Active Sprints board and Backlogs .

https://addons.mozilla.org/en-US/firefox/addon/jira-exporter/?src=tech-blog

Best Programmers For Hire from fiverr.com! Chat With Programmers & Find The One Right For Your Project. Hire Now and Pay Less!

Release note: Version 1.2.0

This version include copy to clipboard feature. This will allow user to copy individual ticket details to clipboard from the backlogs.

Click on the Copy button next to summary in backlogs. Paste the copied details any where you want.

watch video

JavaScript: Onchange handler not trigger for dropdown using JavaScript

2019-11-20T17:58:00.003+05:30

Lets say if you are trying to trigger onchange handler of a dropdown using javaScript or jQuery and if it is not working properly try the below code

var changeEvent = document.createEvent("HTMLEvents");

changeEvent.initEvent("change", true, true);


document.getElementsByName("country")[0].dispatchEvent(changeEvent);

Property Radar chrome extension for copying contact numbers

2019-11-16T20:54:00.000+05:30

https://www.propertyradar.com/

Property Radar chrome extension for copying contact numbers Learn JavaScript

LinkedIn Jobs Chrome extension

2019-11-05T23:54:00.000+05:30

The chrome extension scan each job in search results from linkedIn and export as csv file.

Price : $10 contact here

Tutorials, Tips and Technology

How to get Tirupati temple ticket

Why the TTD Booking Process Is So Painful

Enter the TT Devasthanam Booking Helper

Quick Access Popup

Essential Details Capture

Group Traveler Management

Aadhar-Focused ID Support

Instant Login Automation

Comprehensive Autofill

Watch It in Action

How to Use It — Step by Step

Intelligent Login Automation — A Closer Look

The Autofill That Actually Works

Who Is This For?

Ready to Book Smarter?

Final Thoughts

Create a Chrome extension using Manifest V3 to make API calls to OpenAI

Typescript inheritance example with code

Typescript inheritance example with code

Code example - https://typescript-bc7fcz.stackblitz.io

Formatting and styling console.log messages in web browser console

Formatting and styling console.log messages in web browser console

Angular framework features

How to install your own extension in Firefox browser

Visual Studio Code - HTML live preview extension

Visual Studio Code - HTML live preview extension

Angular 14 new features

Best JavaScript editors 2023

Best JavaScript editors 2023

Angular non singleton services

Angular non singleton services

LinkedIn Jobs export extension for Firefox

Angular 8 app hosted in Nginx server gets 404 page when refreshed

Get Youtube thumbnail easily using Firefox Android extension

REDIS server security in Ubuntu or any other Linux OS

Instant website blocker

Firefox addon for Android

OSClass plugin - publish any HTML content from Admin panel

ZIK analytics chrome extension

IONIC 4 app not connecting to API running in Android device

IONIC 4 app not connecting to API running in Android device

Empty List Of Devices Attached via USB Debugging on Windows

Angular 2+ how to share same ajax response with multiple components

Create a service like above.The line

import shareReplay from rxjs

import { share, shareReplay } from 'rxjs/internal/operators';

this.profileObservable =

this.http.get(environment.APIEndpoint + 'userProfile').pipe(shareReplay());

create a shareable HTTP Observable. This can used by any component to get the response.

Only one ajax request will trigger for all the request to this service.

Firefox extension : JIRA dashboard ticket export to CSV file

watch video

JavaScript: Onchange handler not trigger for dropdown using JavaScript

Property Radar chrome extension for copying contact numbers

LinkedIn Jobs Chrome extension

Create a service like above.
The line