A simple calculator app built with vanilla JS, CSS and HTML. Follows PEMDAS with the Parentheses functionality still to be added.
![](https://private-user-images.githubusercontent.com/2729962/259949112-4a71f177-2fc1-47d2-906f-fec04db160fb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwNzI4MzAsIm5iZiI6MTcxOTA3MjUzMCwicGF0aCI6Ii8yNzI5OTYyLzI1OTk0OTExMi00YTcxZjE3Ny0yZmMxLTQ3ZDItOTA2Zi1mZWMwNGRiMTYwZmIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjJUMTYwODUwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OGNjNDcxZDdlOWRiYjdiMTY1OGY5ZGUxMGM3NzZkZjU1YjQ3NGU1YTFmOWFkNmNjODQxNDkzNGJjMmFiNGEzMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.6ZfqP8ExjlNNOo98JLr-6u25UzQ_B3TUTJnDlrai7V8)
-
Vite: A build tool that aims to provide a faster and leaner development experience for modern web projects. It serves your code via native ES modules, leading to faster page loads in development.
-
TypeScript: A strict syntactical superset of JavaScript, adding optional static typing. Helps in catching errors early and provides a better development experience with strong typing.
-
ViTest: A testing framework designed for Vite. Allows you to write and execute tests for your application with ease.
-
@vitest/coverage-v8: A coverage plugin for ViTest that leverages V8's built-in coverage capabilities. Provides insights into how much of your code is tested.
Follow the steps below to set up and run the project:
-
Clone the Repository
git clone https://github.com/your-username/calculator-app.git cd calculator-app
-
Install Dependencies
yarn install
-
Run in Development Mode
yarn dev
-
Build for Production
yarn build
-
Preview Production Build
yarn preview
-
Testing
yarn test yarn test:coverage
- Design by Lucia Scott used as UI: https://dribbble.com/shots/14709020-Calculator