➗3️⃣ Calculadora con Tres Temas

Esta calculadora, inspirada en el "Calculator App Challenge" de Frontend Mentor, ha sido creada por Cristina Correa.

👀 Vista Previa

➡️ Demo desplegada en GitHub Pages: Haz click aquí

1️⃣ Primer Tema:

2️⃣ Segundo Tema:

3️⃣ Tercer Tema:

💻📱 Responsive

Vista desde un ordenador

Vista desde un teléfono

• Pixel 7
  
  

• iPhone SE
  
  

Vista desde una tablet

• Nest Hub Max
  
  

• iPad Mini
  
  

🌱 Características

• Interfaz: Diseño sencillo y colorido adaptado a varios colores diferentes:
  • Primer tema: Verde, blanco y naranja
  • Segundo tema: Gris, rojo y violeta
  • Tercero tema: Azul, blanco y amarillo
• Funciones Matemáticas Básicas: Resuelve cualquier problema con suma, resta, multiplicación y división.
• Correcciones Si olvidaste alguna operación o cometiste un error al ingresar un número, puedes borrar todo o eliminar caracteres uno por uno.

🛠️ Tecnologías Utilizadas

• HTML
• CSS
• JavaScript

🔎💡 Información

Important

• Este es un proyecto para principiantes. No se requieren conocimientos avanzados de HTML, CSS o JavaScript.
• Está desarrollado utilizando JavaScript Vanilla, así que no se utiliza ningún framework. Sin embargo, si estás buscando un poco más de desafío, ¡siéntete libre de explorar la posibilidad de integrar un framework!
• Nivel de dificultad del proyecto: 🔴🔴⭕⭕⭕⭕⭕⭕⭕⭕ (2 sobre 10)

Tip

A la hora de desarrollar el proyecto, te pueden venir bien los siguientes recursos:

• Frontend Mentor: Calculator App Challenge
• Online Tutorials: Day/Night Mode Switch Toggle
• HTML:
  • MDN Custom data Attributes
  • MDN Using data Attributes
• CSS:
  • A Complete Guide to Flexbox
  • A Complete Guide to Grid
  • A Complete Guide to CSS Media Queries
  • A (more) Modern CSS Reset by Andy Bell
  • Manz.Dev Lenguaje CSS
• JavaScript:
  • Manz.Dev Lenguaje Javascript
  • JavaScript MDN Documentation
• Google Fonts:
  • How to use Google Fonts
  • FAQs about Google Fonts

📓 Cómo Usar

1. Descarga o clona este repositorio en tu máquina local.
2. Abre el archivo index.html en tu navegador web.

¡Y eso es todo! Ahora puedes realizar tus cálculos con una calculadora 3x1.

✨ Contribuciones

¡Las contribuciones son bienvenidas! Si deseas mejorar la calculadora existente, como agregar más contenido o mejorar el diseño, no dudes en enviar tus pull requests. También puedes sugerir nuevas funcionalidades o brindar retroalimentación para hacer que este proyecto sea aún mejor.

🎯 Propósito del Proyecto

Este proyecto tiene como objetivo principal el aprendizaje y la práctica del desarrollo web.

➡️ Licencia

Este proyecto está licenciado bajo MIT License.