Esta es una aplicación de escritura de notas desarrollada en React que interactúa con una base de datos en AppWrite.io. La aplicación permite a los usuarios crear, editar, y eliminar notas de manera interactiva.
- Crear nuevas notas con contenido personalizable.
- Editar el contenido y la posición de las notas en la pantalla.
- Guardar automáticamente las notas en la base de datos.
- Eliminar notas existentes.
- Uso de
useContext
para la gestión del estado global de las notas.
- React: Biblioteca de JavaScript para construir interfaces de usuario.
- AppWrite.io: Plataforma backend para gestionar bases de datos y autenticar usuarios.
- ESLint: Herramienta de análisis estático para encontrar y arreglar problemas en el código JavaScript.
src/components
: Contiene los componentes React de la aplicación.src/context
: Contiene el contexto para manejar el estado global de la aplicación.src/utils
: Contiene funciones utilitarias usadas en la aplicación.src/appwrite
: Contiene la configuración y funciones para interactuar con AppWrite.
El contexto de notas (NoteContext
) se utiliza para gestionar el estado global de las notas en la aplicación.
- Clona el repositorio:
git clone https://github.com/Franco-Juarez/Notes-App.git
- Navega al directorio del proyecto:
cd note-writing-app
- Instala las dependencias:
npm install
- Configura tu instancia de AppWrite siguiendo las instrucciones de AppWrite.io.
- Crea una base de datos y una colección para las notas.
- Actualiza el archivo de configuración con tus credenciales de AppWrite.
- Inicia la aplicación:
npm run dev
- Abre tu navegador y navega a
http://localhost:3000
.