Skip to content

Este proyecto es ideal para practicar la gestión del estado global en React usando Context API, así como la integración con APIs y la construcción de una interfaz de usuario dinámica.

Notifications You must be signed in to change notification settings

avanegasp/avanegas-React-Context-contactListProject

 
 

Repository files navigation

Lista de Contactos usando React & Context

Crea una aplicación de gestión de contactos con funcionalidades completas para manejar información de contactos, utilizando React, Context API y React Router.

image

Tecnologías utilizadas:

  • HTML
  • CSS
  • JavaScript
  • React
  • React Router
  • Context API

Características del proyecto:

  • Gestión de Contactos: Permite a los usuarios leer, crear, actualizar y eliminar contactos.
  • Crear: Agregar nuevos contactos a la lista.
  • Actualizar: Editar detalles de contactos existentes.
  • Eliminar: Borrar contactos de la lista con una opción de confirmación (opcional) utilizando un componente Modal.

Interfaz de Usuario:

  • Vista de Contactos: Muestra una lista de todos los contactos.
  • Formulario de Contacto: Utilizado para crear o actualizar contactos.
  • Componente de Tarjeta de Contacto: Muestra la información de un solo contacto de manera visualmente atractiva.

Características adicionales:

  • Confirmación de Eliminación: Implementa una ventana Modal para confirmar antes de eliminar un contacto.
  • Conexión con API: Fetch de datos desde la API de Contactos para manejar la información de los contactos.
  • Contenido ficticio en la store para desarrollar y probar la funcionalidad.
  • Postman para probar los endpoints de la API.

About

Este proyecto es ideal para practicar la gestión del estado global en React usando Context API, así como la integración con APIs y la construcción de una interfaz de usuario dinámica.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.0%
  • HTML 6.9%
  • CSS 0.1%