Product Management App

Aplicación de gestión de productos desarrollada con React/Vite. Permite crear, visualizar, filtrar y eliminar productos. Adapatable a dispositivos moviles. Persistencia en el Local Storage.

Características

• Crear productos: Agrega productos con campos: código (número), nombre (texto), descripción (texto), cantidad (número) y fecha de creación (fecha).
• Lista de productos: Muestra todos los productos creados.
• Visualizar productos: Muestra los detalles del producto seleccionado.
• Filtros: Ordena productos por código, nombre, cantidad o fecha de creación.
• Eliminar productos: Elimina productos de la lista.

Requisitos previos

• Node.js (v18 o superior)
• pnpm, npm o Yarn

Instalación

Selecciona el comando dependiendo del manejador de paquetes que utilices.

1. Clona el repositorio:

   git clone https://github.com/kevinantech/products-management.git

2. Navega al directorio del proyecto

3. Instala las dependencias

      npm install
      pnpm install
      yarn install

4. Ejecuta el servidor de desarrollo

      npm run dev
      pnpm dev
      yarn dev

Construccion y preview

1. Realiza el build

      npm build
      pnpm build
      yarn build

2. Iniciar servidor de previsualización

      npm run preview
      pnpm preview
      yarn preview

Documentación y recursos utilizados.

Vite: https://vite.dev/

Material UI: https://mui.com/material-ui/

Tailwind CSS 3: https://v3.tailwindcss.com/

Zod: https://zod.dev/

React Hook Form: https://react-hook-form.com/

Lucide Icons: https://lucide.dev/

Contacto

Si tienes alguna pregunta o sugerencia, no dudes en contactarme:

Nombre: Kevin Gomez

Email: kgomezm.dev@gmail.com

Linkedin: linkedin/in/kevinandresgom