https://github.com/n4vrl0s3/vue-calculator
Simple Project Vue Calculator
https://github.com/n4vrl0s3/vue-calculator
calculator calculator-javascript vue vue-cli vuejs
Last synced: 2 months ago
JSON representation
Simple Project Vue Calculator
- Host: GitHub
- URL: https://github.com/n4vrl0s3/vue-calculator
- Owner: n4vrl0s3
- License: apache-2.0
- Created: 2024-12-23T07:36:25.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-01-25T20:12:42.000Z (5 months ago)
- Last Synced: 2025-03-28T07:01:56.135Z (3 months ago)
- Topics: calculator, calculator-javascript, vue, vue-cli, vuejs
- Language: Vue
- Homepage: https://vue-calculator.guanshiyinnn.com/
- Size: 280 KB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Vue Calculator
This repository serves as a foundation for building a user-friendly calculator application utilizing the Vue.js framework for efficient and reactive front-end development.
## Purpose of This Repository
This repository contains the source code for a basic calculator application built with Vue.js. The project demonstrates fundamental front-end development principles and provides a solid foundation for further exploration of Vue.js capabilities.
## Demo
Check out the live demo of the Vue Calculator [here](https://vue-calculator.guanshiyinnn.com/).
### Program Function Demonstration
Here is a demonstration of the basic arithmetic operations provided by the calculator:
```javascript
// filepath: /home/guan/Documents/Code/Vue-Calculator/src/components/Calculator.vue
methods: {
add(a, b) {
return a + b;
},
subtract(a, b) {
return a - b;
},
multiply(a, b) {
return a * b;
},
divide(a, b) {
if (b === 0) {
return 'Error: Division by zero';
}
return a / b;
}
}
```
## Features
- Basic arithmetic operations (addition, subtraction, multiplication, division)
- Responsive design
- Clear and user-friendly interface
- Real-time calculation updates
## Technologies Used
- Vue.js
- HTML5
- CSS3
- JavaScript
## Project Setup
1. **Install Node.js**
2. **Clone this repository**
```bash
git clone https://github.com/guanshiyin28/Vue-Calculator.git
```
3. **Direct to directory**
```bash
cd Vue-Calculator
```
4. **Install npm**
```bash
npm install
```
## Steps to Run
1. **Compiles and hot-reloads for development**
```bash
npm run serve
```
2. **Compiles and minifies for production**
```bash
npm run build
```
3. **Lints and fixes files**
```bash
npm run lint
```
## License
This project is licensed under the Apache-2.0 License. See the [LICENSE](LICENSE) file for details.
