Skip to content

Latest commit

 

History

History
49 lines (32 loc) · 2.41 KB

README.md

File metadata and controls

49 lines (32 loc) · 2.41 KB
Raw

Aplicación de Notas

¡Bienvenido a la Aplicación de Notas!

Esta aplicación te permite crear, editar y eliminar notas de manera sencilla. Puedes registrar tus pensamientos, tareas pendientes o cualquier otra información importante.

Características

  • Registro de Notas: Crea nuevas notas con un título y una descripción.
  • Edición de Notas: Edita el contenido de las notas existentes según sea necesario.
  • Eliminación de Notas: Elimina las notas que ya no necesitas.
  • Interfaz Intuitiva: Utiliza una interfaz de usuario simple y amigable para una experiencia sin complicaciones.

Estructura del Proyecto

El proyecto está organizado en diferentes componentes:

  • Header: Encabezado de la aplicación que muestra el título y el logotipo.
  • Footer: Pie de página que contiene información sobre el autor y los derechos de autor.
  • Form: Formulario para agregar nuevas notas.
  • NoteList: Lista de notas que muestra todas las notas registradas.
  • Note: Componente individual de nota que permite ver, editar o eliminar una nota.
  • Modal: Componente modal utilizado para la edición de notas.

Contexto de Notas

El contexto de notas se utiliza para gestionar el estado de las notas en toda la aplicación. Se encarga de almacenar las notas en el almacenamiento local del navegador y proporciona funciones para agregar, editar y eliminar notas.

Hooks Personalizados

  • useModal: Hook personalizado para gestionar la apertura y cierre de modales.

Construyendo el Proyecto

  1. Clona el Repositorio: Clona este repositorio en tu máquina local.
  2. Instala las Dependencias: Ejecuta npm install para instalar todas las dependencias necesarias.
  3. Inicia la Aplicación: Ejecuta npm start para iniciar la aplicación en tu navegador.
  4. Explora y Modifica: Explora el código y modifica según sea necesario para cumplir con tus requisitos.

Tecnologías Utilizadas

  • React: Biblioteca de JavaScript para construir interfaces de usuario.
  • LocalStorage: Almacena las notas en el almacenamiento local del navegador para persistencia de datos.
  • Tailwind CSS: Utilizado para estilizar la aplicación y hacerla responsiva.

Autor