https://github.com/juanblancodev/react-calculator

Calculadora creada con React
https://github.com/juanblancodev/react-calculator

calculator css frontend html javascript portafolio react reactjs responsive responsive-design responsive-web-design styled-components vite vitejs web webdevelopment yarn

Last synced: 27 days ago
JSON representation

Calculadora creada con React

• Host: GitHub
• URL: https://github.com/juanblancodev/react-calculator
• Owner: JuanBlancodev
• Created: 2024-03-11T01:42:42.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-22T08:20:26.000Z (10 months ago)
• Last Synced: 2024-11-09T04:14:40.754Z (3 months ago)
• Topics: calculator, css, frontend, html, javascript, portafolio, react, reactjs, responsive, responsive-design, responsive-web-design, styled-components, vite, vitejs, web, webdevelopment, yarn
• Language: JavaScript
• Homepage: https://juanblancodev.github.io/react-calculator/
• Size: 1.87 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
Calculadora creada con React

  



Una simple calculadora desarrollada en React para realizar operaciones matemáticas básicas.

## Funcionalidades

- Suma, resta, multiplicación y división de números.

- Botón de igual (=) para mostrar el resultado de la operación.

- Botón de borrar (C) para limpiar la pantalla.

- Operaciones con decimales soportadas.

## Capturas de pantalla

| Descripción | Imagen |

|-------------|--------|

| **Calculadora** 
 La calculadora es la herramienta principal de la aplicación. Permite realizar operaciones matemáticas básicas como suma, resta, multiplicación y división. | ![Calculadora](screenshots/calculator.png) |

| **Registro con cálculos** 
 Cuando la calculadora no tiene ningún cálculo registrado, el registro aparece vacío, listo para almacenar nuevos resultados. | ![Registro con cálculos](screenshots/log.png) |

| **Registro vacío** 
 En esta captura de pantalla se muestra el registro de cálculos de la calculadora, donde se pueden ver los resultados de las operaciones realizadas previamente. | ![Registro vacío](screenshots/log1.png) |

| **Pantalla de confirmación para vaciar el registro** 
 Para evitar borrar accidentalmente los cálculos registrados, la aplicación muestra una pantalla de confirmación al intentar vaciar el registro. | ![Pantalla de confirmación para vaciar el registro](screenshots/clean_log.png) |

## Demo

Puedes probar esta calculadora en vivo presionando [este enlace](https://juanblancodev.github.io/react-calculator/)

## Clonar el proyecto

Si quieres clonar este proyecto en tu máquina local, sigue estos pasos:

1. Abre tu terminal.

2. Navega hasta la carpeta donde quieras clonar el proyecto.

3. Ejecuta el siguiente comando para clonar el repositorio:

   ```bash

   git clone https://github.com/JuanBlancodev/react-calculator.git

   ```

4. Una vez hayas clonado el proyecto, ingresa a la carpeta con:

   ```bash

   cd react-calculator

   ```

5. Instala las dependencias del proyecto ejecutando uno de los siguientes comandos, dependiendo de tu gestor de paquetes:

   ```bash

   npm install

   ```

   o

   ```bash

   yarn install

   ```

   

## Tecnologías utilizadas



  


     HTML

  

  


     CSS

  

  


     React

  



## Autor

- **Nombre**

  _Juan Blanco_

- **GitHub**

  [@JuanBlancodev](https://github.com/JuanBlancodev?tab=repositories)