https://github.com/yuridevat/yuridevat.github.io
A functional calculator using JavaScript Scss to show that a project is much more than just code.
https://github.com/yuridevat/yuridevat.github.io
calculator calculator-javascript javascript scss
Last synced: 9 months ago
JSON representation
A functional calculator using JavaScript Scss to show that a project is much more than just code.
- Host: GitHub
- URL: https://github.com/yuridevat/yuridevat.github.io
- Owner: YuriDevAT
- Created: 2022-08-17T08:34:04.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-08-21T06:37:06.000Z (over 3 years ago)
- Last Synced: 2025-03-31T08:39:17.272Z (10 months ago)
- Topics: calculator, calculator-javascript, javascript, scss
- Language: CSS
- Homepage: https://YuriDevAT.github.io/
- Size: 1.67 MB
- Stars: 12
- Watchers: 1
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Description
A functional calculator using HTML, SCSS and JavaScript to show that a project is much more than just code.
To use the calculator, simply click on the numbers you want to operate on and an operator of your choice to see results.
To get insight information on this project, kindly check out the following
**blog article:**
[How I got my first job as a developer by making simple projects seem big](https://yuridevat.hashnode.dev/how-i-got-my-first-job-as-a-developer),
written specifically for Week 1 of the [**4 Articles in 4 Weeks - Hashnode Writeathon**](https://townhall.hashnode.com/4-articles-in-4-weeks-hashnode-writeathon).
## Demo
[Live view](https://yuridevat.github.io/) of the project.
# Get the code
This code is free for every one to use or change to someones needs. Follow the instruction to successfully clone the code.
## Prerequisites
Before cloning this project, make sure you have the following tools installed:
On your computer
- [Git](https://git-scm.com/downloads)
- [VS Code](https://code.visualstudio.com/download) (or an IDE of your choice)
Extensions used to successfully show the code
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
- [Live Sass Compiler](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass)
## Installation
1. In the console go to the directory where you want to save the project by typing the following command (example):
```bash
cd projects && mkdir calculator && cd calculator
```
2. Clone the code by typing the following command:
```bash
git clone https://github.com/YuriDevAT/YuriDevAT.github.io.git
```
3. Navigate to the project directory and open the project
```bash
cd calculator && code .
```
4. Run the project by right click on the `index.html` file and choose **Open with Live Server** (the port should open automatically)
5. Run the stylesheet\* by clicking **Watch Sass** in the status bar of the bottom of VS Code
\*When watching Sass, the project will automatically compile the stylesheet and update the browser. Two files (style.css and style.css.map) will be created in the project directory.
## Contributors
[//]: contributor-faces
[//]: contributor-faces