https://github.com/davismz09/notes-react

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.
https://github.com/davismz09/notes-react

gh-pages localstorage react reactjs tailwind

Last synced: 2 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/davismz09/notes-react
• Owner: davismz09
• Created: 2022-09-16T16:25:12.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-05T06:30:03.000Z (7 months ago)
• Last Synced: 2024-04-06T07:33:44.096Z (7 months ago)
• Topics: gh-pages, localstorage, react, reactjs, tailwind
• Language: JavaScript
• Homepage: https://davismz09.github.io/notes-react/
• Size: 1.5 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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

- **James Loor** - Desarrollador Principal - [Perfil de GitHub](https://github.com/JamesLoor)

- **David Mite** - Desarrollador de la Versión modificada inspirada en la principal - [Perfil de GitHub](https://github.com/davismz09)