Submitted 3 months ago
Calculator PWA built w/ HTML, CSS, Typescript, Rust and Web Assembly
@princemuel
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
- I built a lexer, token parser and evaluator for the calculator to evaluate expressions. It was an enlightening process. I got to understand a bit of how programming languages are created.
- I made the app into a progressive web app, able to work offline with cached assets. It is also installable on chromium based browsers and once installed, works as a native mobile/desktop app. It is also very lightweight ~200kb.
Some of the challenges I encountered were:
- Ensuring the input expressions were valid. I fixed that in the Rust backend by creating a lexer, token parser and evaluator. The current issue is integrating that in the frontend.
Handling Input/Output in JavaScript
Currently, the calculator's Rust/Wasm backend is parsing the input properly. The issue is setting up the JavaScript frontend to properly validate the user's input and make sure the correct values are sent to the backend
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord