mi-proyecto-vite-react
v0.0.0
Published
Este proyecto es una aplicación web desarrollada con React y Vite que permite visualizar y gestionar una colección de coches. La aplicación incluye funcionalidades para añadir coches aleatorios de diferentes tipos, filtrar, ordenar y totalizar los precios
Downloads
70
Readme
Colección de Coches
Este proyecto es una aplicación web desarrollada con React y Vite que permite visualizar y gestionar una colección de coches. La aplicación incluye funcionalidades para añadir coches aleatorios de diferentes tipos, filtrar, ordenar y totalizar los precios de los coches en una tabla HTML.
Características
- Visualización de Datos: Muestra una tabla con información detallada de cada coche, incluyendo marca, modelo, año, precio, tipo, velocidad máxima y presión de neumáticos.
- Añadir Coches Aleatorios: Permite añadir coches aleatorios de dos tipos: SUV y deportivos.
- Filtrado de Datos: Filtra los coches por tipo (SUV o deportivo).
- Ordenación de Datos: Ordena los coches por precio.
- Totalización de Precios: Calcula y muestra el precio total de todos los coches en la colección.
- Actualización del Título: Permite actualizar el título de la colección.
- Restablecer Filtro: Restablece la tabla a su estado original después de aplicar un filtro.
- Reinicio de Datos: Permite reiniciar la colección de coches a cero.
Componentes
- Table.jsx: Componente que renderiza una tabla HTML basada en la configuración y los datos proporcionados.
- Container.jsx: Componente contenedor que maneja el estado de la aplicación y las interacciones del usuario.
- Car.js: Clase base para los coches.
- SUV.js: Subclase de
Car
que representa un SUV. - SportsCar.js: Subclase de
Car
que representa un coche deportivo.