https://github.com/valentechie/calculadora
🧮 Calculadora web creada en el Club de Chicas Programadoras. Aprende y practica front-end en comunidad 🚀
https://github.com/valentechie/calculadora
educativo fronted-web
Last synced: 10 months ago
JSON representation
🧮 Calculadora web creada en el Club de Chicas Programadoras. Aprende y practica front-end en comunidad 🚀
- Host: GitHub
- URL: https://github.com/valentechie/calculadora
- Owner: valentechie
- License: mit
- Created: 2025-01-05T10:36:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-08-13T16:49:44.000Z (10 months ago)
- Last Synced: 2025-08-13T17:37:38.214Z (10 months ago)
- Topics: educativo, fronted-web
- Language: CSS
- Homepage: https://valentechie.github.io/calculadora/
- Size: 1.22 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🔢 Calculadora Web
[](LICENSE)
---
## 📚 Índice
- [Introducción](#-introducción)
- [Demostración](#-demostración)
- [Requisitos](#-requisitos)
- [Instalación](#-instalación)
- [Uso](#-uso)
- [Resumen de archivos](#-resumen-de-archivos)
- [Contexto del proyecto](#-contexto-del-proyecto)
- [Contribuciones](#-contribuciones)
- [Licencia](#-licencia)
---
## 🚀 Introducción
Esta es una calculadora web desarrollada con **JavaScript**, **HTML** y **CSS**. Permite realizar operaciones matemáticas básicas: suma, resta, multiplicación y división, mostrando el resultado en una pantalla interactiva.
El diseño es responsivo y colorido, pensado para ser amigable y fácil de usar.
---
## 🎬 Demostración
👉 Prueba la calculadora en línea [aquí](https://valentechie.github.io/calculadora/)
---
## 🛠️ Requisitos
- Navegador web moderno (Chrome, Firefox, Edge, Safari, etc.)
- No requiere instalación de dependencias ni compilación
---
## 📦 Instalación
**1️⃣ Clona el repositorio:**
```bash
git clone https://github.com/valentechie/calculadora.git
```
**2️⃣ Entra en la carpeta del proyecto:**
```bash
cd calculadora
```
**3️⃣ Ejecuta la calculadora:**
```bash
# En sistemas operativos con entorno gráfico:
# Haz doble click en index.html
# O ejecuta en terminal:
xdg-open index.html # Linux
open index.html # MacOS
start index.html # Windows
```
---
## 🕹️ Uso
- Ingresa los dos números en los campos correspondientes.
- Haz clic en el botón de la operación que deseas realizar:
- **Sumar**
- **Restar**
- **Multiplicar**
- **Dividir**
- El resultado aparecerá en la pantalla rosada.
- Puedes borrar los campos y el resultado con el botón **Borrar**.
---
## 📁 Resumen de archivos
- **`index.html`** : Estructura principal de la calculadora y tarjeta de presentación.
- **`style.css`** : Estilos visuales y responsivos, colores y formato de botones, inputs y pantalla.
- **`script.js`** : Funciones de suma, resta, multiplicación, división y reset.
- **`media/fondo.png`** : Imagen de fondo de pantalla.
- **`media/img.png`** : Imagen dentro de la tarjeta.
---
## 🎓 Contexto del proyecto
Este proyecto fue realizado como parte de la formación en el **Club BeeReal virtual - Edición otoño 2023**, siguiendo la guía de los mentores.
El objetivo es reforzar conocimientos de desarrollo web, lógica de programación y diseño visual con tecnologías modernas y accesibles.
Agradezco a los mentores y compañeras del **Club de Chicas Programadoras** por su apoyo y guía.
---
## 🤝 Contribuciones
¡Las contribuciones son bienvenidas!
- Haz fork a este repositorio
- Abre issues para bugs o nuevas ideas
- Envía pull requests para mejorar el proyecto
---
## 📄 Licencia
Este proyecto está bajo la licencia [MIT](LICENSE).