# thon-product-card

> este es mi paquete de pruebas para subir a NPM.

Latest version **0.1.0** (published 2024-03-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install thon-product-card
pnpm add thon-product-card
yarn add thon-product-card
bun add thon-product-card
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2024-03-13 |
| First published | 2024-03-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 6 |
| Unpacked size | 153.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Alejandro Thon |
| Maintainers | eternum-dev |
| Keywords | product, card, Alejandro, Thon |

## Links

- npm: https://www.npmjs.com/package/thon-product-card
- Repository: https://github.com/eternum-dev/thon-proyect-card
- Homepage: http://https.eternum-dev.com
- Issues: https://github.com/eternum-dev/thon-proyect-card/issues
- npm.io page: https://npm.io/package/thon-product-card

## Dependencies (6)

- [jest](https://npm.io/package/jest.md) ^25.5.4
- [babel-jest](https://npm.io/package/babel-jest.md) ^29.7.0
- [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) ^7.24.0
- [identity-obj-proxy](https://npm.io/package/identity-obj-proxy.md) ^3.0.0
- [@babel/preset-react](https://npm.io/package/@babel/preset-react.md) ^7.23.3
- [@types/react-test-renderer](https://npm.io/package/@types/react-test-renderer.md) ^18.0.7

## Recent versions

- 0.1.0 (latest) — 2024-03-13

## README

# Thon-product-card

este es mi paquete de pruebas para subir a NPM.

## Tabla de Contenidos

- [Visión general](#visión-general)
  - [Proyecto](#proyecto)
- [Mi Proceso](#mi-proceso)
  - [Desarrollado con](#desarrollado-con)
  - [Instalación](#instalación)
- [Autor](#autor)

## Visión general

### Proyecto

En este Proyecto usamos React + TypeScript  para construir una seria de componentes reutilizables, también aplicamos testing y patrones de componentes.


### Codigo de Ejemplo

```
import { ProductCard, ProductImage, ProductTitle, ProductButtons } from 'thon-product-card';
```

```
    <ProductCard
        product={product}
        initialValues={initialValues}
    >
        {
            () => (
                <>
                    <ProductImage />
                    <ProductTitle />
                    <ProductButtons />
                </>
            )
        }
    </ProductCard>
```

## Mi Proceso

### Desarrollado con

- JavaScript
- TypeScript
- React
- Vite
- HTML5
- CSS
- Flexbox
- CSS Grid
- TSDX

### Instalación

#### Clonar este repositorio

`git clone https://github.com/eternum-dev/thon-proyect-card`

#### Acceder al archivo Nombre Proyecto

`cd ./thon-proyect-card`


### Scripts del proyecto

#### Instalar Dependencias

`npm install`

#### Iniciar el proyecto

`npm start`

#### Construir para producción

`npm run build`

## Autor

### Alejandro Thon.

- Linkedin - [Linkedin - Alejandro Thon](www.linkedin.com/in/alejandrothon/)
- Email - alejandro.thon.j@gmail.com

---
_Source: https://npm.io/package/thon-product-card · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._