Learn Electron.js desktop app development in Bhakkar

Why desktop apps still matter

Walk into many shops in Bhakkar or any Pakistani town and you will find one computer at the counter running billing software. Internet drops, load-shedding and old hardware are everyday realities, so software that works on the PC itself, without a connection, is still in demand. Electron lets you build that kind of app with the same HTML, CSS and JavaScript you already know.

Electron is used by widely known desktop apps, including Visual Studio Code, the editor you have been coding in since Month 1. Once you understand it, you can turn almost any web project into an installable program.

How the Electron part of Month 4 runs

Month 4 covers Electron.js and Selenium. Electron comes first, in person at the AiroxLab office in Bhakkar. You begin with a single window showing a page, then add a menu, keyboard shortcuts and communication between the window and Node.js. From there you bring in a local database and printing.

Much of the practice reuses earlier work. The billing logic from JavaScript and the table design from SQL move into the desktop app with small changes. That reuse is the point: you see how the same skills carry across web, server and desktop.

• Set up the Electron project and the main window.
• Move the billing screen in and connect it to Node.js through a preload script.
• Add local storage, receipt printing and the day-end summary.
• Package and install the app on a fresh Windows PC.

The desktop billing app project

Your app opens straight to a billing screen. A cashier can search for items or use quick keys, then press one key to save and print. Every bill is saved on the PC, so the app keeps working when the internet is down. At closing time, the day-end summary adds up the bills. For example, 62 bills with total sales of Rs 74,300, split into Rs 58,800 cash and Rs 15,500 on credit. The summary exports to CSV so it can be opened in Excel.

Finally you package the app into a Windows installer and install it on a computer that has never seen your code. Watching it run there is one of the most satisfying moments of the course.

What you should already know

You should have completed Months 1 to 3, or have equivalent knowledge: solid JavaScript, comfort with Node.js modules and npm, and basic SQL. Electron adds new ideas about processes and packaging, but the language stays the same.

What comes next

The second half of Month 4 is Selenium, where you write scripts that drive a browser to test login forms and collect data. The course fee is Rs 10,000 per month; find the full plan at AiroxLab Academy.