https://github.com/georgiosioannoucoder/calculator-simple-react

This is my solution to the calculator-simple-react. 🔢
https://github.com/georgiosioannoucoder/calculator-simple-react

calculator css html javascript reactjs

Last synced: 3 months ago
JSON representation

This is my solution to the calculator-simple-react. 🔢

• Host: GitHub
• URL: https://github.com/georgiosioannoucoder/calculator-simple-react
• Owner: GeorgiosIoannouCoder
• License: mit
• Created: 2022-12-18T21:48:05.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-21T21:11:06.000Z (7 months ago)
• Last Synced: 2024-10-22T16:26:40.402Z (7 months ago)
• Topics: calculator, css, html, javascript, reactjs
• Language: JavaScript
• Homepage: https://calculator-simple-react.onrender.com
• Size: 1.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [calculator-simple-react](https://calculator-simple-react.onrender.com)

## Description

The description and requirements of **calculator-simple-react** are:

1. Using **HTML**, **CSS**,and **React** build the interface in image attached.

2. Use Javascript to add functionality and logic to the buttons.

![2](https://user-images.githubusercontent.com/110848236/198022170-1628e593-1364-4c24-a6ce-b0c67629a33f.jpg)

## Hosting Site

My solution of **calculator-simple-react** has been deployed using Render and can be found [here](https://calculator-simple-react.onrender.com).

## Running Development Server

```bash

# Step 1: Clone this repository.

git clone https://github.com/GeorgiosIoannouCoder/calculator-simple-react.git

# Step 2: Please use Node version (you can use nvm to switch between different node versions): v18.12.1

# Step 3: Install packages.

npm i

# Step 4: Run the application in development mode.

npm start

# Step 5: Open http://localhost:3000 with your browser and enjoy the application.\

# The page will reload automatically when you make any changes. You may also see any lint errors in the console.

```

## Demo

https://user-images.githubusercontent.com/110848236/208323009-d5548214-8095-4b3f-8394-9ec7548c4762.mp4