¡Gestor de Notas!

Notes

¡Bienvenido a mi Gestor de Notas! Este proyecto te permite gestionar tus notas de una manera intuitiva y eficiente. Desde crear nuevas notas hasta restaurarlas desde la papelera de reciclaje. tenemos todo cubierto para ti.

Características Principales

• Operaciones CRUD: Con un sistema, que puedes crear, leer, actualizar y eliminar notas con facilidad gracias a una integración perfecta con una API.
• Diseño Intuitivo: Esta interfaz de usuario es simple y fácil de usar, con una barra lateral para navegar entre tus notas y la papelera de reciclaje.
• Personalización de Color: Dale vida a tus notas con la paleta de colores personalizada. ¡Haz que tus notas destaquen!
• Seguridad y Privacidad: Se almacenan tus datos de manera segura y protegida, para que puedas concentrarte en lo que realmente importa: tus notas.

Componentes Principales

Componente	Detalles
Home:	La página principal de la aplicación, donde puedes ver todas tus notas y gestionarlas fácilmente.
Sidebar:	Navega entre las secciones de notas y la papelera de reciclaje con facilidad.
createNote:	Un formulario intuitivo para agregar nuevas notas a tu colección.
Notes:	Representa cada una de tus notas, con opciones para editar, cambiar de color y más.
trash:	No te preocupes si eliminaste una nota por error, aquí puedes restaurarla en un instante.

instalación

• Asegúrese de que sus versiones de NodeJS y npm estén actualizadas para React ^18.2.0

• Instalar dependencias: npm install or yarn Una pequeña introducción sobre la instalación.

Clone este repositorio

  git clone https://github.com/carusi99/Notes.git

Ir al directorio del proyecto

  cd my-project

Instalar dependencias

  npm install

Iniciar el servidor

  npm run start

🛠 Tecnologías

• JavaScript: El lenguaje de programación principal utilizado para la lógica del lado del cliente y del servidor.
• React: Utilizado para construir la interfaz de usuario interactiva y dinámica de la aplicación.
• HTML y CSS: Utilizados para estilizar la interfaz de usuario.
• CSS Modules: Para mantener los estilos encapsulados y modulares.
• API Fetch: Utilizado para realizar peticiones HTTP a la API del servidor y gestionar las respuestas y errores correspondientes.
• localStorage: Utilizado para almacenar y recuperar el nombre de usuario en el cliente.
• npm: Gestor de paquetes utilizado para instalar y gestionar las dependencias del proyecto.

Paquetes usados:

• react (^18.2.0)
• react-dom (^18.2.0)
• vite.js

😄¡Y eso es todo! Empieza a organizar tus ideas con el Gestor de Notas hoy mismo.