AndrasE / react-redux-calculator

React - Redux-Rtk calculator mimicing the Windows calculators dynamic flow and more

Calculator that built with React with Redux-Rtk mimicking
the Windows calculators dynamic flow and other quirks.

Hello there 👋

After some study in the realm of Redux I deicided to create my own project. Its using a combination of React useStates and Redux-Rtk for statemanagment. To spice things up I tried to recreate the windows calculators logic including having access to calculation history. I also added theme & sound settings and able to dispatch simple api calls to this projects hero, Chuck Norris.🤠

Packages used:

Use-local-storage for keeping theme and sound settings stored locally. If you reopen the app on the same device it will load with your last configuration.

Use-sound to not just see, but hear the calculator. I felt that especially on mobile, it was a bit strange to not having that as a feedback.

Axios to make simple api requests to chucknorris.io. How does it related to the calculator you may ask? I don`t know, regardless its fun!😉

React-textfit in the displaying the numbers in the calculator screen. It will adjust fonstize according to the input and the output of the calculation.

There are more information shared about this project at the Apps about and moreabout section if you are interested.
Take care, calc safe!🧮

Run 🚀

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Start with cloning this repo on your local machine via cli or github-desktop:

$ git clone https://github.com/AndrasE/React-redux-calculator
$ cd PROJECTNAME

To install and set up the library, run:

$ npm install -S myLib

Serving the app:

$ npm start