PauliVr / pacientes-veterinaria

Aplicación para el control y seguimiento de pacientes de una veterinaria, aquí la veterinaria podrá registrar pacientes o mascotas para controlar los síntomas de la mascota y su estatus

🐶🐭🐱 Pacientes Veterinaria 🐶🐭🐱

👇🏻 Ir al sitio web aquí 👇🏻

Veterinaria APP React/Vite

Es una aplicación para el control y seguimiento de pacientes de una veterinaria, aquí la veterinaria podrá registrar pacientes o mascotas para controlar los síntomas de la mascota y su estatus.

De igual manera la Veterinaria podrá Agregar mascotas, editarlas y eliminarlas, una característica importante es que los datos se mantienen persistentes y no se pierden al recargar la página.

Para levantar el proyecto

1.- Debemos descargar o clonar el repositorio de Github

Para hacer esto podemos hacer dos cosas la primera es por terminal entrar a la ruta en la que queremos crear la carpeta y el repositorio, agregar el código git clone pegar el link que nos brinda github en el botón code del repositorio y un . esto para crear dentro de la carpeta los archivos y carpetas del repositorio, posteriormente lo debemos abrir en un editor de código

git clone https://github.com/PauliVr/pacientes-veterinaria.git .

La segunda forma sería descargar el ZIP del proyecto, descomprimirlo y abrirlo con un editor de código

2.- Debemos instalar todas las dependencias del proyecto corriendo el comando npm install

3.- Debemos correr la aplicación de React con Vite

npm run dev

Lo que más me gusto del proyecto

👩🏻‍💻 Utilizar tecnologías nuevas ya que implemente la aplicación de React con Vite, lo cual nunca había utilizado, también me gusto mucho aprender Tailwind.

👩🏻‍💻 Hacer estilos en Tailwind fué una de las cosas que mas disfrute durante la realización del proyecto, ya que es un framework de CSS muy dinámico, fácil de utilizar y entender

👩🏻‍💻 Me gustó mucho reforzar mis conocimientos en React y utilizar funcionalidades como LocalStorage que no había tenido la oportunidad de utilizar con React

Tecnologías

(Techs Skills)

👩🏻‍💻 React
👩🏻‍💻 HTML
👩🏻‍💻 CSS
👩🏻‍💻 JavaScript
👩🏻‍💻 JSX
👩🏻‍💻 LocalStorage
👩🏻‍💻 TailWind

Conocimientos reforzados

🖥 Manejo Hooks (useEffect/useState)
🖥 Manejo Props
🖥 Manipulación dinámica del DOM
🖥 Condicionales (If y ternarios)
🖥 HTML semántico
🖥 Renderizado condicional
🖥 Creación de Components
🖥 Array Metods (.filter, .map)
🖥 Selectores y eventos del DOM
🖥 CSS (Flexbox CSS, CSS Grid, selectores de CSS)
🖥 Box Model
🖥 Responsive Web Design
🖥 Uso de funciones
🖥 Uso de Strings, Array y Objetos
🖥 Uso de datos primitivos

Conocimientos adquiridos

💻 TailWind
💻 React
💻 Vite

EXTRAS

🎨 Markdown
🎨 Despliegue con Netlify

Habilidades blandas

(Life Skills)

💪🏻 Profesionalismo
💪🏻 Resolución de problemas
💪🏻 Resiliencia
💪🏻 Comunicación eficaz

Desarrolladora

👩🏼‍💻 PAULETTE VILLEGAS