Windows 11 Calculator Clone (Golang & Wails)

Muhannad Elbolaky

Backend Engineer
Web Developer
CSS3
Go
HTML5
Motivation: The original Windows 11 Calculator app has a minor flaw where it's 1 pixel off, which drives me crazy! 😅 So, I decided to recreate it perfectly using Golang and Wails to get the functionality I need, with a front-end built using HTML and CSS.
Image showing the 1-pixel issue in the original Windows 11 Calculator app.
Image showing the 1-pixel issue in the original Windows 11 Calculator app.
Objective: The goal is to create a clone of the Windows 11 Calculator app that is visually perfect and works well, fixing the small but annoying error in the original design. I also wanted to try using Golang and Wails to create a native desktop app with a modern design.
Technologies/Tools Used:
Programming Language: Go (Golang) 🐹
UI Framework: Wails (to build native desktop apps with Go and integrate web technologies) 🌍
Frontend: HTML 📝, CSS 🎨, JavaScript 📜 (leveraging Wails' templating capabilities)
Features:
Basic Calculator: Simple arithmetic functions such as addition ➕, subtraction ➖, multiplication ✖️, and division ➗.
Scientific Mode: Advanced features like trigonometric 🌐, logarithmic 📉, and other math operations.
History: Track previous calculations 🔍, with an option to clear history 🧹.
Responsive and Modern UI: The design closely mimics Windows 11, with a toggle between light 🌞 and dark 🌙 themes.
Dark/Light Mode Switch: Change between light and dark modes seamlessly with color switching 🌗.
A comparison of how the dark and light modes change in the application.
Keyboard and Mouse Input: Support for both keyboard shortcuts ⌨️ and mouse clicks 🖱️ to enter values.
Native Packaging: Build as a native Windows application 💻, with potential for other platforms 🌍.
Error Handling: Display user-friendly error messages when needed ❌.
Learning Objectives:
Master Go for backend programming, creating desktop applications with Wails.
Develop modern frontend designs using HTML/CSS and integrate with backend code using IPC.
Build applications with responsive UIs that scale across different devices.
Gain practical experience in building native desktop apps.
Thank you for checking out my project, I enjoyed building it! 😊
- Muhannad Elbolaky
Partner With Muhannad
View Services

More Projects by Muhannad