Skip to content

mcattani/calculadora_react_vite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Calculadora con React y Vite

Netlify Status

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.

🚀 Demo

https://calculadora-react-tna.netlify.app/

✨ Características

  • 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.

🎨 Vista Previa

Vista previa de la calculadora

🛠️ Tecnologías Utilizadas

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 head del documento y mejorar el SEO.

📂 Estructura del Proyecto

/
├───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

⚙️ Instalación y Uso Local

Para clonar y ejecutar este proyecto en tu máquina local, sigue estos pasos:

  1. Clona el repositorio

    git clone https://github.com/tu-usuario/calculadora-react.git
  2. Navega al directorio del proyecto

    cd calculadora-react
  3. Instala las dependencias

    npm install
  4. Inicia el servidor de desarrollo

    npm run dev

    La aplicación estará disponible en http://localhost:5173.

✒️ Autor

The Nerdy Apprentice

Más información en: https://thenerdyapprentice.blogspot.com/2025/12/calculadora-react-vite.html

📄 Licencia

Este proyecto está bajo la Licencia GNU General Public License v3.0. Puedes ver el archivo LICENSE para más detalles.

Contributors