edgarmokua / calculatorwebapp

A calculator web app built with react , react-bootstrap, material-ui and math js library.

MyCalc

To view the live site click here: https://mycalcreact.netlify.app/

Table of contents

• General info
• Technologies
• How I worked on this project
• How to navigate on this project
• Why I built the project this way
• If I had more time i would change this
• Available Scripts

General Info

MyCalc is a web application built in react with the help of Math JS which is a third party library that handles all the arithmetic computationsw.

Technologies

Project is created with:

• @material-ui/core version: 4.12.3
  • @testing-library/jest-dom version: 5.11.4
  • @testing-library/react version: 11.1.0
  • @testing-library/user-event version: 12.1.10
  • bootstrap version: 5.1.0
  • mathjs version: 9.4.4
  • react version: 17.0.2
  • react-bootstrap version: 2.0.0-beta.6
  • react-dom version: 17.0.2
  • react-scripts version: 4.0.3
  • web-vitals version: 1.0.1

How I worked on this project

My goal was to simulate a professional work environment:

• I built this app based on my own UI designs.
• I worked with tasks on my personal to do list that i created.

How to navigate on this project

The application uses Math JS library and Material UI for styling.

Why I built the project this way

I didn't use state management library such as Redux on purpose. For this app simple useState is sufficient.
Material UI is a great library for styling when using React and provides styling for various components.

If I had more time i would change this

• Create more precise commits
• Create branches and use pull requests to generate a good workflow
• Use Trello to handle my tasks during development
• Improve on the UI
• Add Scientific calculator functionality

Available Scripts

$npm start