Proyecto: Ferretería

Este proyecto fue desarrollado por Magdalena Inalaf González. Es una aplicación construida con Vue 3 y tecnologías relacionadas.

Tecnologías utilizadas

Dependencias principales

• @fortawesome/fontawesome-free: Iconos para la interfaz.
• @pinia/testing: Herramientas de prueba para Pinia.
• axios: Cliente HTTP para consumir APIs.
• bootstrap: Framework CSS para diseño responsivo.
• pinia: Manejo del estado centralizado.
• vue-router: Enrutador oficial de Vue.

Dependencias de desarrollo

• @babel/core: Compilador JavaScript.
• @testing-library/vue: Biblioteca para pruebas unitarias.
• @vitejs/plugin-vue: Soporte de Vue para Vite.
• @vue/test-utils: Herramientas de prueba para Vue.
• sass: Preprocesador CSS.
• vite: Herramienta de construcción rápida.
• vitest: Framework de pruebas unitarias.
• jest: Framework de pruebas con soporte para JSDOM.

Scripts

• dev: Inicia el entorno de desarrollo con Vite.
• build: Construye la aplicación para producción.
• preview: Previsualiza la aplicación construida.
• test: Ejecuta las pruebas utilizando Vitest.

Instalación y configuración

1. Clona el repositorio:

   git clone <URL_DEL_REPOSITORIO>
   cd ferreteria

2. Instala las dependencias:

   npm install

3. Ejecuta el proyecto en modo desarrollo:

   npm run dev

Estructura del proyecto

├── public/              # Archivos estáticos
├── src/
│   ├── assets/         # Recursos (imágenes, estilos)
│   ├── components/     # Componentes reutilizables
│   ├── router/         # Configuración de Vue Router
│   ├── store/          # Configuración de Pinia o Vuex
│   ├── views/          # Vistas principales
│   └── App.vue         # Componente raíz
├── package.json        # Configuración de dependencias y scripts
└── vite.config.js      # Configuración de Vite

Pruebas

1. Ejecuta las pruebas unitarias:

   npm run test

Autor

Magdalena Inalaf González

¡Gracias por revisar este proyecto! Si tienes alguna sugerencia o mejora, no dudes en contactarme en magda.inalaf@gmail.com.