https://github.com/ignag-dev/veterinaria-react-ts-zustand-tailwind

Pagina web de seguimiento de Pacientes para una Veterinaria utilizando React, TypeScript, React Hook Form, Zustand y Tailwind
https://github.com/ignag-dev/veterinaria-react-ts-zustand-tailwind

react react-form-hook tailwind typescript usestate zustand

Last synced: 3 months ago
JSON representation

Pagina web de seguimiento de Pacientes para una Veterinaria utilizando React, TypeScript, React Hook Form, Zustand y Tailwind

• Host: GitHub
• URL: https://github.com/ignag-dev/veterinaria-react-ts-zustand-tailwind
• Owner: IgnaG-Dev
• Created: 2024-05-21T13:17:36.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-21T13:27:27.000Z (about 2 years ago)
• Last Synced: 2025-03-17T00:32:49.732Z (over 1 year ago)
• Topics: react, react-form-hook, tailwind, typescript, usestate, zustand
• Language: TypeScript
• Homepage: https://veterinaria-ignacio.netlify.app/
• Size: 40 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Administrador de Pacientes 🏥

### Este proyecto esta diseñado para gestionar y organizar la información de pacientes de manera eficiente. Utiliza Zustand para la gestión del estado global, React Hook Form para facilitar la validación y el manejo de formularios.

> Explora la demo del sitio web en el siguiente enlace: [Veterinaria](https://veterinaria-ignacio.netlify.app/)

![Imagen de Pagina Web](https://github.com/IgnaG-Dev/Veterinaria-React-TS-Zustand-Tailwind/assets/163780789/89d2bf72-15b8-49c7-a36c-10ca4614ce18 "Pagina Web Veterinaria")

## Funcionalidades principales 🥇

- `Gestión de Pacientes`: Permite agregar, editar y eliminar información de pacientes.

- `Validación de Formularios`: Utiliza React Hook Form para validar los datos ingresados de manera sencilla y efectiva.

- `Estado Global`: Zustand permite manejar el estado global de la aplicación de forma clara y eficiente.

## Tecnologías Utilizadas 🧑‍💻

- `React`: Frontend desarrollado con React para la creación de componentes reutilizables y estado manejado de manera eficiente.

- `Zustand`: Gestión de estado global de manera simple y directa.

- `React Hook Form`: Manejo y validación de formularios.

## Configuración del Proyecto ⚒️

>[!NOTE]

>Asegúrate de tener Node.js y npm instalados en tu sistema.

1. Clona este repositorio en tu máquina local.

   

   ``` 

     git clone https://github.com/IgnaG-Dev/Veterinaria-React-TS-Zustand-Tailwind

   ```

## Rendimiento ✅

A continuación te dejamos algunos parametros de rendimiento de la página web utilizando el plugin [LIghthouse](https://chromewebstore.google.com/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?pli=1)

![Rendimiento](https://github.com/IgnaG-Dev/Veterinaria-React-TS-Zustand-Tailwind/assets/163780789/4c9bb261-7eac-4bd3-aca7-13be5d507079 "Rendimiento de Veterinaria")

## Contribución 📨

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar esta aplicación, por favor abre un issue para discutir los cambios propuestos o envía una pull request.

## Contacto 👤

Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.