https://github.com/shivamkumar2002/calculator-odin

A simple Calculator project built while doing TheOdinProject
https://github.com/shivamkumar2002/calculator-odin

odin-calculator-project odin-project theodinproject

Last synced: 4 months ago
JSON representation

A simple Calculator project built while doing TheOdinProject

• Host: GitHub
• URL: https://github.com/shivamkumar2002/calculator-odin
• Owner: ShivamKumar2002
• Created: 2022-11-03T14:46:32.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-13T16:22:08.000Z (almost 3 years ago)
• Last Synced: 2025-03-18T01:59:32.235Z (7 months ago)
• Topics: odin-calculator-project, odin-project, theodinproject
• Language: JavaScript
• Homepage: https://shivamkumar2002.github.io/calculator-odin/
• Size: 160 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Odin Calculator

This is a simple Calculator project I made while doing TheOdinProject Foundations Course.

It contains basic functionality - Addition, Subtraction, Multiplication and Division.

It also support float numbers.

It calculates results simply from left to right without any operator precedence.

It has proper parsing and validations to prevent invalid inputs.

It supports taking input both from the given buttons as well as from keyboard, so use the one you prefer :)

Calculator body is responsive and should look fine on most devices. It is tested on various mobiles, tablets and desktops resolutions using Chrome Dev Tools.

Colors have proper contrast according to their backgrounds as suggested by Chrome Dev Tools.

It has two parts in screen, top row which shows live result in small font, and main input row which shows input and result when pressed equal.

## Demo

https://shivamkumar2002.github.io/calculator-odin/

## Screenshots



## Features

- Addition, Subtraction, Multiplication, Division Support

- Simple and Intuitive UI

- Subtle Animation on Button Press

- Input by Button as well as Keyboard

- Floating Numbers Support

- Proper Input Handling

- Show Live Result

- Responsive Layout

- Proper Color Contrast

## 🛠 Skills Used

HTML, CSS, JavaScript, DOM Manipulation, JavaScript Events

## Authors

- [@ShivamKumar2002](https://www.github.com/ShivamKumar2002)

- [@RaghavKumar09](https://www.github.com/RaghavKumar09)

## License

[MIT](https://choosealicense.com/licenses/mit/)

## Contributing

Contributions are always welcome! Open a pull request or issue :)