user-crud-app

Aplicación de CRUD de Usuarios desarrollada con React utilizando la API de users-crud.academlo.tech

#cloudinary#crud-application#css#html#javascript#react

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 1Stars

⑂ 0Forks

◯ 0Open issues

◉ 1Watchers

34/100

OPENREPOHUB HEALTH SIGNAL

Limited signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

Project information10% weight

100

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

CRUD de Usuarios

Este es un proyecto desarrollado en React que interactuar con una API de Users, a través de todos los métodos http (GET, POST, PATCH y DELETE). El propósito de esta aplicación es LEER, CREAR, ACTUALIZAR y ELIMINAR usuarios como practica de un CRUD.

Características principales

Diseño Responsive: La aplicación está diseñada para adaptarse a diferentes dispositivos y tamaños de pantalla.
Interactividad: He implementado elementos interactivos y animaciones suaves para mejorar la experiencia del usuario.
- Pantalla de carga para indicar que esta cargando el listado de usuarios.
- Un modal con un formulario para crear y editar usuarios.
- Una alerta personalizada para indicar cuando un usuario a sido eliminado.
- Implementé la librería sonner para mostrar un toast cuando un usuario es creado o actualizado.
- Subida de imágenes a Cloudinary para añadir una fotografía a cada usuario desde el ordenador.
Tecnologías utilizadas:
- HTML5 (Con estructura semántica y buenas practicas de accesibilidad)
- CSS3 (Con Flexbox y Grid para diseño responsivo)
- Javascript (Como lenguaje de programación del proyecto)
- React (Para añadir funcionalidad e interactividad)
- Coudinary (Para la subida de imágenes)

Ejecución local

Para ejecutar este proyecto localmente, sigue estos pasos:

Clona el repositorio: Ejecuta el siguiente comando en tu terminal para clonar este repositorio en tu máquina local:

git clone https://github.com/tonatiujsanchez/user-crud-app.git

Ingresa las variables de entorno: Modifica en archivo .env.template a .env y llena las variables correspondientes:

VITE_CLOUDINARY_CLOUD_NAME==

Installa la dependencias: Navega hasta la carpeta del proyecto clonado y ejecuta el siguiente comando para instalar los node_modules:

npm install

Corre el proyecto: Ejecuta el siguiente comando para correr el proyecto de modo desarrollo:

npm run dev

Explora: ¡Explora y diviértete creando, editando y eliminando usuarios!

Contribución

Si deseas contribuir a este proyecto, ¡eres bienvenido! Puedes abrir una issue para discutir nuevas características o problemas, o enviar un pull request con tus mejoras propuestas.

Contacto

Si tienes alguna pregunta o sugerencia, no dudes en contactarme en https://tsx-dev.netlify.app/#contacto.

¡Gracias por visitar este proyecto! Espero que disfrutes explorando mi trabajo. 🤗