¡GhostNotes es tu compañero perfecto para tomar notas de forma rápida y elegante! 🚀 Con un dock flotante siempre visible y una ventana de notas minimalista, esta app te permite gestionar tus ideas en cualquier momento. Diseñada con un estilo moderno y funcional, es ideal para usuarios que buscan simplicidad y eficiencia. 🎨💻
📍 Dock Flotante
Icono flotante (📝) casi imperseptible que puede colocar en cualquier lougar de la pantalla para acceder a tus notas de manera rapida.
- Clic para abrir la ventana de notas.
📝 Gestión de Notas
Crea, edita y elimina notas con facilidad.
- Crear: Añade una nueva nota con ➕.
- Editar: Modifica título y contenido, y guarda con 💾.
- Eliminar: Borra notas con 🗑️ (eliminación inmediata).
- Cerrar: Oculta la ventana con ❌.
- Recargar: Actualiza la lista con 🔄.
- Soporte para notas largas sin límite práctico.
💾 Acceso rapido a tus Notas
Tus notas se guardan automáticamente y puedes acceder a ellas en cualquier momento.
🎨 Diseño Moderno
Interfaz estilizada y responsiva con Tailwind CSS.
⚡ Electron: Framework para aplicaciones de escritorio multiplataforma.
📜 JavaScript: Lógica de la app (proceso principal y renderer).
🎨 HTML5/CSS: Interfaz de usuario.
💅 Tailwind CSS: Estilos modernos y consistentes.
🌐 Node.js: Entorno para dependencias y empaquetado.
🔧 Electron Forge: Herramienta para empaquetar y generar instaladores (con Squirrel para Windows).
Dock Flotante 📍
Tus notas a un clic
Ventana de Notas 📝
Sigue estos pasos para instalar GhostNotes en tu computadora:
- Sistema operativo: Windows (probado en Windows 10/11).
- No se necesitan dependencias adicionales.
- Descarga el instalador desde GitHub Releases.
- Ejecuta
GhostNotes.exe. - Espera a que se inicie la aplicación.
- Se crea un acceso directos en tu escritorio.
- Disfruta de la aplicación.
¿Quieres personalizar GhostNotes o empaquetarlo en otro computador? Aquí tienes los pasos:
- Node.js (versión 18 o superior).
- Editor de código (recomendado: Visual Studio Code).
- Sistema operativo compatible con Electron (Windows, macOS, Linux).
-
Clonar o Copiar el Proyecto
Transfiere la carpeta del proyecto o clona el repositorio:git clone https://github.com/Nolos17/ghostNotes cd ghostnotes -
Instalar Dependencias
npm install
-
Configurar Tailwind CSS
Genera los estilos:npx tailwindcss -i ./public/css/input.css -o ./public/css/tailwind.css
Para desarrollo, usa:
npm run tailwind
-
Modificar el Código
Archivos clave:main.js: Lógica principal (ventanas, persistencia).public/notes.html,public/dock.html: Interfaz.js/notes.js,js/dock.js: Lógica del renderer.public/css/input.css: Estilos con Tailwind.
-
Probar Cambios
Inicia la app en modo desarrollo:npm start
-
Empaquetar
Genera el ejecutable:npm run package
Esto crea
out/ghostnotes-win32-x64/barra-notas.exe(en Windows). -
Crear Instalador
Genera el instalador:npm run make
Encuentra
GhostNotes.exeenout/make/squirrel.windows/x64/.
📍 Abrir Notas
Haz clic en el dock flotante (📝) para abrir la ventana de notas.
📝 Gestionar Notas
- Crear: Clic en ➕ para una nueva nota.
- Editar: Cambia título/content y guarda con 💾.
- Eliminar: Usa 🗑️ para borrar (eliminación inmediata).
- Cerrar: Clic en ❌ para ocultar la ventana.
- Recargar: Usa 🔄 para actualizar la lista.
💾 Persistencia
Tus notas se guardan automáticamente y persisten entre sesiones.
🚪 Cerrar la App
Usa el botón ✕ en el dock para cerrar completamente.
¡Tus ideas son bienvenidas! 🌟 Para contribuir:
- 🍴 Haz un fork del repositorio.
- 🌱 Crea una rama (
git checkout -b mi-caracteristica). - ✍️ Realiza tus cambios y haz commit (
git commit -m "Añadir característica"). - 🚀 Sube tu rama (
git push origin mi-caracteristica). - 📬 Abre un Pull Request en GitHub.
Por favor, sigue el estilo del código y añade comentarios si es necesario.
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.
¿Tienes problemas o sugerencias?
- Contacta al desarrollador: noloststorres@gmail.com.
- Abre un issue en el repositorio (si está en GitHub).
¡Disfruta de tomar notas con GhostNotes! 📝✨