👇🏻 Ir al sitio web aquí 👇🏻
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.
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
👩🏻💻 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
👩🏻💻 React
👩🏻💻 HTML
👩🏻💻 CSS
👩🏻💻 JavaScript
👩🏻💻 JSX
👩🏻💻 LocalStorage
👩🏻💻 TailWind
🖥 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
💻 TailWind
💻 React
💻 Vite
🎨 Markdown
🎨 Despliegue con Netlify
💪🏻 Profesionalismo
💪🏻 Resolución de problemas
💪🏻 Resiliencia
💪🏻 Comunicación eficaz
👩🏼💻 PAULETTE VILLEGAS