Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

APP NOTES, PC || LINUX || BLUR || WHIT ELECTRON, TAILWIND, VITE,REACT

License

Notifications You must be signed in to change notification settings

DuskStarGITHUB/ntsapp

Repository files navigation

📝 NTS App (Note Taker System)

NTS App es una aplicación de escritorio multiplataforma enfocada en la gestión de notas simples y cifradas, con una estética minimalista, transparente y oscura, diseñada para ofrecer rendimiento, privacidad y una experiencia fluida.

Actualmente si surgen errores, Issues o ideas se implementaran, este proyetco seguira activo.

NOW UI 2.0

imagen

🚀 Características

  • 🧠 Interfaz intuitiva con soporte para .md.
  • 🌐 Tecnología base: Electron, Vite.
  • ⚙️ Compatible con Linux
  • 💻 Soporte Automatico de Transparencia + desenfoque (blur) con KWin (Linux).
imagen

🗂️ Estructura del proyecto

ntsapp/
├── main.js # Punto de entrada de Electron, gestiona la ventana principal y la comunicación con el renderer.
├── package.json # Define los scripts, dependencias y metadatos del proyecto.
├── vite.config.js # Configuración de Vite para el empaquetado y desarrollo del frontend.
├── tailwind.config.js # Configuración de Tailwind CSS para los estilos de la aplicación.
├── postcss.config.js # Configuración de PostCSS para el procesamiento de CSS.
├── prettier.config.js # Reglas de formato de código para mantener un estilo consistente.
├── jsconfig.json # Configuración del proyecto JavaScript para el editor.
├── components.json # Configuración para la CLI de shadcn/ui.
├── LICENSE # Licencia del proyecto.
├── README.md # Este archivo.
├── .gitignore # Archivos y carpetas ignorados por Git.
├── src/
│   ├── components/ # Componentes de la interfaz de usuario (UI) basados en shadcn/ui.
│   ├── core/ # Lógica central de la aplicación (manejo de archivos, IPC, etc.).
│   ├── hooks/ # Hooks de React para la gestión de estado y lógica de componentes.
│   ├── lib/ # Utilidades y librerías auxiliares.
│   ├── modules/ # Módulos principales de la aplicación (Editor, Sidebar, etc.).
│   ├── scripts/ # Scripts externos (Python) para funcionalidades específicas del sistema operativo.
│   ├── styles/ # Archivos de estilos globales y específicos de componentes.
│   ├── App.jsx # Componente principal de React que renderiza la aplicación.
│   ├── index.html # Punto de entrada HTML para el renderer de Electron.
│   └── renderer.jsx # Script que renderiza la aplicación de React en la ventana de Electron.
├── .vscode/
├── settings.json # GIT Config for VSCode

🧪 Requisitos

  • Node.js
  • Python 3 (solo Linux para blur opcional)
  • xdotool y xprop (Linux, requeridos para aplicar blur en KWin)

🛠️ Instalación

git clone https://github.com/DuskStarGITHUB/ntsapp.git
cd ntsapp
npm install

# Ejecucion automatica
npm run start

#Separado
# Inicia Vite en modo desarrollo para elementos graficos
npm run dev
# En otra terminal, lanza la app Electron para ventana
npm run electron

🛠️ Lanzamiento

Modo de user/developer

// STATE EXEC
const userApp = 'developer'

Cambiar para Mostrar/Ocultar DEVTOOLs DevTools en archivo main.js