https://calculator3000.onrender.com
Clone the app repo, main branch:
git clone https://github.com/quantium-rock/innocv-calculator && cd innocv-calculator/app
yarn
* Make sure to be in the ./app/ folder.
You can use ' npm i ' instead.
yarn dev
Build for production:
yarn build
After success build, deploy to gh-pages:
yarn deploy
Or in the repo root directory, after app build:
git subtree push --prefix app/dist origin gh-pages && gh-pages app/dist
In this case, make sure to have installed gh-pages cli, otherwise, install it with the following cmd:
npm i -g gh-pages
- Refactor components in smaller ones.
- Extract component's functions to servcies/index.ts.
- Add long number exponent reduction (btn) option.
- Add %, sin() and cos() operators.
- Add arrays and matrices support.
- Add sum(), mean(), median(), mode(), range(), variance(), stdev(), covariance(), pearsonCorr() and r2() functions.
- Add equation solving function with greek letters.
- Add more complex expressions calculations.
- Add more math constants.
- Add animations for imaginary numbers (like infinite or negative roots), NANs and zero divides.
- Add derivatives calculations with differential operator.
- Upgrade store.operations console to 'latex' syntax.
- Add letters keyboard option for future terminal implementation with openai api.
- In terminal, add transfer crypto & NFT commands with web3-wallet adapters.
- In terminal, add scraping web commands.
- In terminal, add image, audio and video supporting.
- In terminal, implement speech-to-text & text-to-speech multi-language models.
- Build & deploy a Node(ts) (or Bun) server + cloud DB, for user's authentification and online app services.
Proposals and Pull Requests are most welcome.
Using the Vue framework, build a functional calculator with a nice user interface using only HTML, CSS or a style preprocessor and TypeScript (JavaScript can be used but the use of TypeScript is the one that will be most valued). It does not need to handle all types of errors, but there should be some basic error reporting.
Requirements:
-
Should be able to perform an operation on two numbers.
-
Basic error reporting.
-
Code is modular, bug-free and not prune to code injections (beware of "eval" ;) ).
Nice to have's:
- Functionals
-
Support for more complex operations (3 o more operands).
-
Support for "last result memory".
- Technicals
-
State management (Vuex for vue2, Pinia for vue3)
-
Usage or CSS postprocessors instead of preprocesors. Usage of utility-first tools like TailwindCSS will be appreciated.
-
Usage of class components, either if you use version 2 or 3 of the framework.
-
Intensive usage of TS's typing parametrization subsystem (
interface MyInterface<TGender> { ... }
ortype NumberKey = '0' | '1' | ...
). -
There is not too much room for "big architectures" in a tiny project like this calculator, but usage of good practices, design patterns and "solid" coding will be highly appreciated.
MIT License: Free rights of use.