Una calculadora funcional y con un diseño moderno, creada utilizando React y Vite. Este proyecto sirve como una demostración práctica de la construcción de interfaces de usuario interactivas con componentes reutilizables.
https://calculadora-react-tna.netlify.app/
- Operaciones aritméticas básicas (suma, resta, multiplicación, división).
- Botón para resetear (C) y borrar el último caracter (DEL).
- Cálculo de porcentajes.
- Interfaz responsiva y moderna.
- Notificaciones para operaciones no válidas.
Este proyecto fue construido utilizando las siguientes tecnologías y librerías:
- React: Biblioteca para construir interfaces de usuario.
- Vite: Herramienta de frontend para un desarrollo más rápido y ágil.
- Styled Components: Para estilizar componentes de React con CSS-in-JS.
- Bootstrap y React-Bootstrap: Para la estructura y componentes pre-diseñados.
- React Icons: Para incluir iconos SVG fácilmente.
- React Toastify: Para mostrar notificaciones.
- React Helmet: Para gestionar los metadatos del
headdel documento y mejorar el SEO.
/
├───public/
│ └───images/
└───src/
├───App.jsx
├───main.jsx
├───assets/
├───components/
│ ├───BackgroundLogo.jsx
│ ├───Boton.jsx
│ ├───Calculadora.jsx
│ ├───Display.jsx
│ ├───SEO.jsx
│ └───Teclado.jsx
└───layout/
├───Footer.jsx
└───Header.jsx
Para clonar y ejecutar este proyecto en tu máquina local, sigue estos pasos:
-
Clona el repositorio
git clone https://github.com/tu-usuario/calculadora-react.git
-
Navega al directorio del proyecto
cd calculadora-react -
Instala las dependencias
npm install
-
Inicia el servidor de desarrollo
npm run dev
La aplicación estará disponible en
http://localhost:5173.
Más información en: https://thenerdyapprentice.blogspot.com/2025/12/calculadora-react-vite.html
Este proyecto está bajo la Licencia GNU General Public License v3.0. Puedes ver el archivo LICENSE para más detalles.
