https://github.com/boba-milktea/react-calculator
A simple calculator built with React, TypeScript, and Tailwind CSS.
https://github.com/boba-milktea/react-calculator
react small-project tailwindcss typescript
Last synced: 10 months ago
JSON representation
A simple calculator built with React, TypeScript, and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/boba-milktea/react-calculator
- Owner: boba-milktea
- Created: 2025-05-21T12:17:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-21T14:27:30.000Z (about 1 year ago)
- Last Synced: 2025-06-03T16:18:08.987Z (about 1 year ago)
- Topics: react, small-project, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://react-calculator-boba.netlify.app/
- Size: 60.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-elementary-calculator
> A simple and interactive calculator built using **React**, **TypeScript**, and **Tailwind CSS**.
## Table of contents
- [react-elementary-calculator](#react-elementary-calculator)
- [Table of contents](#table-of-contents)
- [General info](#general-info)
- [Screenshots](#screenshots)
- [Technologies](#technologies)
- [Code Examples](#code-examples)
- [Features](#features)
- [Status](#status)
- [Contact](#contact)
## General info
**Elementary Calculator** is a simple and responsive calculator built using **React**, **TypeScript**, and **Tailwind CSS**.
It uses **mathjs** to perform accurate mathematical computations and supports basic arithmetic operations.
The application features a clean, modern interface and is optimized for both desktop and mobile use.
## Screenshots
## Technologies
- React
- TypeScript
- Tailwind CSS
- Node.js
- Visual Studio Code
## Code Examples
```js
{keyboardEl.map((row, index) => (
{row.map((key) => (
handleClick(key)} key={key}>
{key}
))}
```
## Features
- Basic arithmetic operations:
- Addition (`+`)
- Subtraction (`-`)
- Multiplication (`*`)
- Division (`/`)
- Clear button to reset the display
- Real-time result display
### To-do list
- Add support for keyboard input
- Improve error handling
- Not using mathjs
## Status
Project is: done
## Contact
By [boba-milktea](https://github.com/boba-milktea)