Una calculadora simple construida con un stack vanilla, es decir, HTML, CSS y JavaScript. Este es uno de los proyectos que he ido desarrollando para ampliar mi catálogo en el portafolio web, y también forma parte de los proyectos que he iniciado con la intención de aprender y practicar mis fundamentos básicos en desarrollo web.
💡 El objetivo de aprendizaje fue practicar la manipulación del DOM, el manejo de estado global y la construcción de una SPA en vanilla.
-
🌟 Página principal: En este apartado vive la mayor parte de la lógica. El teclado se crea dinámicamente desde JavaScript, y la pantalla tiene un estado que es fácilmente accesible desde cualquier parte del desarrollo.
-
📰 Historial: La calculadora cuenta con un historial construido usando el patrón de diseño Memento. Se pueden copiar las operaciones realizadas anteriormente y editarlas. También es posible copiar el resultado de dichas operaciones.
-
📐 Conversiones de unidades: Permitirá realizar conversiones entre distintas unidades de medida, para que el usuario no tenga que buscar fórmulas continuamente o simplemente agilizar sus operaciones. Contará además con su propio historial exclusivo.
-
🤓 Modo avanzado: Permitirá acceder a funciones matemáticas (trigonométricas, logarítmicas e incluso estadísticas) y algunas constantes (como π y la identidad de Euler). Este apartado no será una página independiente, sino una extensión del modo normal, por lo que no contará con historial propio.
Ver demo en vivo con Github Pages.
- Lenguajes: HTML, CSS, JavaScript. 🌐
- Herramientas: vite, pnpm, VS code. 🧰
🔥 Para correr el proyecto localmente, sigue los siguientes pasos:
- Clona el repositorio:
git clone https://github.com/Enmanuel-VE/calculator-app.git- Navega al directorio del proyecto:
cd calculator-app- Instala las dependencias:
pnpm install- LinkedIn: Enmanuel Antoni Bracho Villanueva
- Correo Electrónico: enmanuelbracho.dev@gmail.com