https://github.com/robhilldev/web_calc

A browser based calculator made with React.
https://github.com/robhilldev/web_calc

css-modules javascript pwa react reactjs webapp

Last synced: 10 days ago
JSON representation

A browser based calculator made with React.

• Host: GitHub
• URL: https://github.com/robhilldev/web_calc
• Owner: robhilldev
• Created: 2023-01-20T21:31:50.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-06T06:34:52.000Z (about 1 year ago)
• Last Synced: 2024-12-10T03:08:44.669Z (2 months ago)
• Topics: css-modules, javascript, pwa, react, reactjs, webapp
• Language: JavaScript
• Homepage: https://robhilldev.github.io/web_calc/
• Size: 1.11 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Try it

https://robhilldev.github.io/web_calc/

---

### A calculator that runs in the browser and:

- Can handle **multiple operators** at a time

- Respects **order of operations**

- Can be installed as a **Progressive Web App (PWA)**

---

This app was a first practice project for learning react and was bootstrapped using [Create-React-App](https://create-react-app.dev/).

### Design Notes:

- **Class-based components** were used because:

    - **Legacy Code**: Many legacy codebases still use them, so it's useful to be familiar with them.

    - **Maintenance**: At some point, I will likely need to either extend those legacy codebases using class-based components, or convert their components to functional components.

    - **Familiarity**: I was already familiar with the design patterns around class-based components because of past experience, so it made it easier to get started.

- **Functional components** with hooks will likely be used in future projects.

---

## Available Scripts

### `npm install` (install packages in package.json)

### `npm start` (run the app locally)

### `npm test` (run the tests)