Building a Ledger-Style Calculator App with Tencent EdgeOne Makers: A Beginner's Deployment Story

As a Computer Science graduate still early in my developer journey, I've always been curious about how modern web apps actually get from "code on my laptop" to "live on the internet." When I joined the devhandal 2026 batch 2 program and got introduced to Tencent EdgeOne Makers, I decided the best way to learn was to build something real and deploy it myself. This article walks through that experience — what I built, how the deployment process actually works, and which EdgeOne Makers features made the biggest difference for a beginner like me.

The Project: A Ledger-Themed Calculator Suite

Instead of another generic "hello world," I wanted to build something with everyday utility. The result was a small single-page web app I call Buku Kalkulator ("Calculator Book"), combining three tools people actually use:

• BMI Calculator — using the Asia-Pacific WHO body mass index cutoffs, which are more relevant for many Southeast Asian users than the standard Western thresholds.

• Currency Converter — pulling live exchange rates from a free public API directly in the browser, so the rates are never stale.

• Zakat Maal & Simple Income Tax Estimator — calculating obligatory almsgiving (2.5% of net wealth above the gold-based nisab threshold) and a simplified progressive income tax estimate, both practical calculations that are surprisingly hard to find in one clean interface.

Visually, I leaned into a "ledger book" aesthetic — aged paper background, ruled lines, a serif display font paired with a monospace font for the calculated numbers — because the subject matter (money, health metrics, taxes) felt closer to an accountant's notebook than a typical SaaS dashboard. Design decisions like this matter even for small side projects; they make the tool feel intentional rather than templated.

You can try the live app here: kalkulator-ledger-dpbk5fhggtve.edgeone.dev.
Visually, I leaned into a "ledger book" aesthetic — aged paper background, ruled lines, a serif display font paired with a monospace font for the calculated numbers — because the subject matter (money, health metrics, taxes) felt closer to an accountant's notebook than a typical SaaS dashboard. Design decisions like this matter even for small side projects; they make the tool feel intentional rather than templated.

Why Tencent EdgeOne Makers Fit This Project

Once the app was built with plain HTML, CSS, and JavaScript, I needed somewhere to host it — and this is where Tencent EdgeOne Makers stood out as a genuinely beginner-friendly option. A few features made the biggest impression:

1. Direct Upload, No Build Pipeline Needed. Since my project didn't use a framework or build step, I could skip Git entirely and just drag-and-drop my files straight into the Makers console. For a static project, this removes almost all deployment friction.
2. Global Edge Network by Default. Choosing the Global (MLC Excluded) acceleration region meant my site is served from edge nodes around the world (excluding Mainland China, which requires separate ICP licensing), so visitors from different countries all get fast load times without any manual CDN configuration.
3. Automatic HTTPS. Every deployed project gets a secure connection out of the box — one less thing to configure manually.
4. Instant Preview URL. After deployment finished, I immediately got a live link I could test on both desktop and mobile, which made catching responsive design issues much faster.
5. Room to Grow. Beyond static hosting, Makers also supports Git-based deployments (so future updates auto-deploy on push), edge functions for dynamic logic, and even AI Agent development — meaning the same platform can scale from a weekend project to something considerably more sophisticated.

Step-by-Step: How I Deployed It

For anyone following along, here's the exact flow I used:

1. Log into the EdgeOne console and select Create Project.
2. Choose Upload directly (rather than importing a Git repository or starting from a template).
3. Give the project a name that fits EdgeOne's naming rules — lowercase letters, numbers, and hyphens only, 5–50 characters, and never starting or ending with a hyphen.
4. Select Global (MLC Excluded) as the acceleration region for an internationally accessible static site.
5. Drag and drop the project files (in my case, a single index.html) into the upload area.
6. Click Start Deployment and wait a few seconds for the build to finish.
7. Open the generated preview link to confirm everything renders and functions correctly — including testing on a phone, since a working desktop layout doesn't guarantee mobile responsiveness.

Lessons for Other Young Developers

A few practical takeaways from this experience that I'd pass on to anyone trying EdgeOne Makers for the first time:

• Start with a static project first. If you're new to deployment concepts in general, skip the framework and build-tool complexity initially. A plain HTML/CSS/JS app lets you focus on understanding the deployment flow itself.
• Test locally before uploading. Open your index.html in a browser first and click through every feature. Debugging on a live edge deployment is slower than debugging on localhost.
• Pick your acceleration region deliberately. It's not just a formality — it affects who can access your site quickly and whether you need extra compliance steps.
• Treat the free tier as a real learning sandbox. Between the free static hosting and the 5 million LLM API tokens provided through the devhandal 2026 batch 2 program, there's very little reason not to experiment with additional ideas — like wiring in an AI-powered feature next.

Final Thoughts

What surprised me most about Tencent EdgeOne Makers wasn't just that it was free and fast it was how approachable the entire flow felt for someone without a DevOps background. Deployment is often the part of web development that intimidates beginners the most, and having a platform that reduces that step to "drag, drop, deploy" makes it much easier to actually finish and ship personal projects instead of leaving them half-built on a local machine.
If you're a student or early-career developer looking for a low-friction way to get your first (or next) project online, I'd genuinely recommend giving EdgeOne Makers a try. Build something small, deploy it, and see how it feels to have a real, shareable link to show for your work.