Basic Calculator App

  • Addition, subtraction, multiplication and division operations
  • Accept negative numbers
  • History of past operations to be able to select them again. It also has a button to clear history
  • Keyboard events to handle calculator buttons
  • Once all the space on the display is occupied, instead of activating the scroll, the font size changes
  • Theme toggle. In the first render, starts with the default system theme
  • Responsive

screenshot

View demo


This is a new improved version of a calculator made as a project for freeCodeCamp

REPOSITORY: https://github.com/Nicole-Lopez/basic-calculator

DEPLOY: https://nicole-lopez.github.io/basic-calculator/


Table of Contents

Built With

React

React

TypeScript

React-TypeScript

styled-components

styled-components

Use

  • Custom hooks
  • useContext and useReduce

Installation

  1. Clone the repo
git clone https://github.com/Nicole-Lopez/Basic-Calculator---TYPESCRIPT.git
  1. Install dependencies
pnpm install

Contact

@Nicole-Lopez Nicole Lopez