simple-calculator

It accepts only integers and performs calculation including: +, -, /,*, () and follow priority of operations.

Table of contents

Features

  • Performs calculation including: +, -, /,*, () and follow priority of operations
  • Show history of operations and can reuse them
  • Can enter operations using keyboard

Getting started

Run from local server

  1. clone project (https://github.com/YousefMahmod/game-hub.git)
  2. npm i
  3. npm run dev

Demo

Tools

  • React JS with typescript
  • Chakra UI for styling
  • react-icons
  • Zustand for state management

File structure

├───public
│       vite.svg
│
└───src
    │   App.tsx
    │   constants.ts
    │   main.tsx
    │   vite-env.d.ts
    │
    ├───components
    │       ButtonGrid.tsx
    │       DisplayScreen.tsx
    │       HistoryOperations.tsx
    │
    └───operation
            store.ts