React Calculator

This is a calculator app created with React.

Planning

Features:

• add, substract, multiply, divide
• decimal values, calculate percetages
• invert values, reset functionality
• format larger numbers, output resize based on length

Wireframe:

• Layout.

• Components: It has 4 components.
  • Wrapper
  • ButtonBox
  • Screen
  • Button
• Colors.

Deployment

You can find a running version of this calculator here: DEMO

Resources

• React Docs - Used React documentation to review basic syntax.
• CSS Grid Layout Module - Reviewed for layout grid system.
• Stack Overflow - Used this snipped to fix conflict between installing "textfit" and the npx create - react - app modules.
• Mozilla Developer Network - Reviewed on array concatenation method flat().
• npm dependancy issues for deployment netlify - Used this to solve deployment issues with dependency modules.
• Failed during stage 'building site' netlify - Used this to solve deployment issue in Netlify.