Working Web Apps: For Shops, Companies and Offices

How do I build a working web app for a shop, an office or an institution?

Say in plain Bangla who will use it and what it must do, and the builder makes that app. Calculations, forms, search, filters, lists, charts, routines, quizzes and printable paperwork all run in the visitor's browser, so they are free. Submissions reach you on your own domain (6,999 BDT, 25 a day; 100 on Business at 14,499 BDT); visitor logins or card payments on the page are not possible here.

A web app is a site that does something, not one that only shows something

An ordinary website introduces you: here is our name, here is the address, here are a few photos. A web app works.

• It calculates, takes forms, searches, filters, draws charts, arranges lists, produces paperwork you can print.
• That is the whole difference, and that difference is why an organisation opens the site every morning instead of once a year.

A site built on BanglaCodes runs in the visitor's own browser. So anything a browser can do happens here:

• Arithmetic, decisions from conditions, sorting lists, search, filters, calendars, graphs, tables, quizzes, games, printing.
• Nothing to download, no space taken on the phone, and it opens on an old cheap handset.
• Put one link on Facebook and whoever taps it is already inside, with no install to wait for.

The mobile app can wait, and waiting is the smarter move. Get the web app running first, let people use it, let the mistakes surface. Later, that same app can sit on a phone's home screen, and one press on the live site makes it a real Android app too: an .apk that installs on phones and an .aab for the Play Store, the first one free.

Below is what each kind of organisation can build. Find your own row, then say the line you need to the builder, in plain Bangla.

For a shop or a small business

• Order form: the buyer types a name, mobile number, address and what they want.
• The submission lands in your site dashboard inbox and an email tells you. This needs lifetime hosting, up to 25 a day, 100 on Business.
• Product catalogue: products grouped into categories, a search box on top, filters by price or category beside it. The free plan covers it.
• A price or delivery charge calculator: the buyer picks a district and a weight, and the total changes as they do. No server needed.
• QR menu: a QR code on the counter or the table, and pointing a camera at it opens today's list with today's prices.
• Changing a price means one line to the builder, not a trip to the printing press.
• Offer and order page: a page for one product, for buyers arriving from a Facebook ad, with a cash-on-delivery order form; orders reach the site inbox, or else a WhatsApp message. Among the templates on the apps page there is a ready "Offer and order page" card for it.
• Tailor's order book: a book the owner runs on a phone at the counter: each customer's measurements, the advance and the balance, the delivery date, a WhatsApp in one tap when it is ready, and a slip to print for the customer. Started from the "Tailor's order book" card it begins empty, with no made-up customers; the records stay in that phone's browser, with a button to download a backup file.

Build a catalogue page for my hardware shop, with a search box and category filters at the top, and a delivery charge calculator underneath that works out inside Dhaka and outside Dhaka separately.

For a service business

• An appointment or booking request: the visitor picks a date, a time slot and gives their number.
• It is a request, not a booking that confirms itself: the site does not know which slot somebody already took, so you confirm from the inbox.
• Making that form work needs lifetime hosting; after that it runs on the published free address and on your own domain alike.
• A quotation generator: enter the kind of work and the quantity and the site works out a quotation, with a print button under it.
• The client can keep it as a PDF. The free plan covers it.
• A service area checker: the visitor types their thana or the name of their area and the site says whether you serve it, and where nearby you do if you do not.
• You stop answering the same question twenty times a day on the phone.
• A doctor's chamber: the doctor's name, degrees, chamber days and hours, and a large "call for a serial" button. Started from the "Doctor's chamber" template card, no doctor, fee or patient count you did not give appears on it.

For an office or a company

• A leave or expense request form: staff fill it in, the request lands straight in the inbox and an email tells you.
• You can keep them tidy in three states, new, seen and done. This needs lifetime hosting.
• A small internal calculator: commission, overtime, VAT or unit conversion, whatever you open Excel for every day, put it on one page.
• Whoever uses it opens no file at all, the link is enough.
• A staff directory: name, post, department and a call button, with a search box on top. When somebody joins, one line adds them.
• A printable invoice or challan: fill the fields, press print and it sits correctly on the paper, or becomes a PDF. The number, the date and the total are filled in by the site itself.
• A rate chart or price list: every service and product price on one page, searchable. When a price changes you say so and it changes, with nothing to reprint.

Build a leave request form for our office, with name, department, type of leave, start and end dates and a reason, and make it work as a site form.

For a school, madrasa or coaching centre

• Admission form: a guardian fills it in on a phone and the application lands in the inbox. This needs lifetime hosting; downloading all the applications at once as a CSV file is on the Business plan.
• A whole institution's site: a notice board, classes and times, the admission form, the teachers' names. Started from the "School, madrasa or coaching centre" template card, no made-up notice, result or pass rate appears; it shows only what you gave.
• Class routine: pick a class and its routine appears, in text big enough to read on a phone. The free plan covers it.
• A result or fee viewer: the student types a roll number and sees their own row.
• The information sits inside the page itself, so put here only what you would happily pin on the notice board.
• A quiz or model test: questions, four options each, a score at the end and an explanation of what went wrong. A student can take it as many times as they like.
• A syllabus and notice page: what is being taught in which class, exam dates, the holiday list. Kept in one place, it means fewer calls from guardians.

For a government office, union parishad, hospital or association

• A citizen complaint or application form: name, mobile, address and the matter, and the submission lands in the inbox with an email alert.
• Who sent what and when is recorded, so no paper goes missing. This needs lifetime hosting.
• A notice board: newest notice on top, older ones below, each with its date.
• With Business hosting you can write a new notice from the dashboard and it is live the moment you save, with no need to open the builder.
• A list of forms to download: application, clearance or renewal papers laid out as PDFs on one page. People fill them in at home and arrive ready.
• An office directory: which work belongs to which officer, in which room, with phone numbers and a search box on top. A call button on each line makes reaching them easy.
• A service fee and timeline chart: what the official fee for each service is and how many days it takes, in a clear table. Whatever the paper on the wall says, let the site say exactly the same.

Build a site for a union parishad: a notice board at the top, then a chart of service fees and how long each takes, a directory of officers with call buttons, and a citizen complaint site form at the bottom.

What each of these needs

Everything above in one table. Most of it happens on the free plan; money comes in only when you want the site on your own address, or when form submissions must genuinely reach you.

What makes a web app feel professional

It is not expensive design. Five small things tell people the organisation behind it is in order.

• It works with one thumb: standing in a bus, holding the phone in one hand, a person should finish the whole job. Ask for the important buttons low on the screen.
• It loads in a moment: ask for heavy pictures and pointless animation to go. A site that spins for ten seconds on a weak village connection does not get opened twice.
• Big buttons, big text: ask for wide buttons instead of small links, and text large enough to read without glasses. Think of the older person at the counter.
• Bangla that reads the way people speak: not heavy office Bangla, but the way somebody would actually say it. On the button, not Submit, but Send the application.
• A clear next step on every screen: the visitor should never wonder what happens now. Say what happens after the form is sent and how long an answer takes.

What it cannot do, said plainly

The limits are better known up front, because learning them beforehand is easier than hitting them on the first attempt.

• No code runs on a server: PHP, WordPress, WooCommerce, Node, Python or any database will not sit here. What runs, runs in the visitor's browser.
• You cannot run a database of your own: no SQL, no tables to create. But the app's records need not be stuck on one phone: turn on cloud data on a Business or Commerce plan and the ledger, stock or attendance is kept on our servers, so anyone with the passcode sees the same records from any phone. Below that the records stay in that one browser.
• There are no visitor logins: you cannot make user accounts and show different things to different people. If something must stay private, keeping it off the page is the only way.
• You cannot take a card payment inside the page: cash on delivery, a bKash or Nagad number, or your own gateway's payment link, those roads are all open.

A limit is not a dead end. What most Bangladeshi shops, offices and public desks need day to day fits inside these limits comfortably, and the part that falls outside is worth knowing on day one.

From an idea to a live site, the whole path

1. Say what you need, in Bangla. Not just "I want a form", but who fills it in, which fields it has and what happens after they send it, all in one breath.

Build a serial booking app for our clinic where a patient picks a name, age, mobile number and which doctor they want and sends a request, make the form a site form, and put a table of the doctors' sitting hours at the top.

1. Look at it on your own phone. Narrow the preview to phone width, then open the share link on your handset and work through it with real fingers.
2. Polish one thing at a time. Make the button bigger, move the date field up, make the text a little larger.
3. Press Publish. It goes live free, at apnar-site.banglacodes.app. Three sites live at once on the free plan; for more, or to remove the badge, the 199 BDT pack (39,800 Token).
4. Add your own domain. An address in the organisation's own name changes how people see you.
5. Once lifetime hosting is bought the site's forms work, on the free address too; no domain is needed. Submissions land in the dashboard inbox and email tells you, up to 25 a day. If you need more, take Business hosting.

• Whatever feels awkward to you will feel awkward to a visitor, so never skip the step of looking on a phone.
• Small steps give the better result, so do not say ten things at once.
• Publishing gets you an address shaped like apnar-site.banglacodes.app, free
• Lifetime hosting is ৳6,999, once, forever.
• The details of site forms are written out in a chapter of their own.

Beginner questions

I do not know any coding, can I still build these?

• You can. All you do is say what you need in Bangla; the building is the AI's job.
• You never have to look at the code, let alone touch it.

Can one app hold many things at once?

• It can, just not all in one go. Build the most necessary part first and put it live, let people use it, then add one piece at a time.
• That way there are fewer mistakes and it costs less Token.

How will it look on a computer?

• The same site spreads itself out on a big screen by itself.
• Tables and charts look large on the office computer, and on a phone the same things stack one under the other.

Read next

• Phone-Installed Apps (PWA) and How They Differ From Web Apps
• Sharing and Publish
• Which Hosting You Need: Basic, Business or Commerce