Skip to content

README.md

Latest commit

 

History

History
79 lines (54 loc) · 1.78 KB

README.md

File metadata and controls

79 lines (54 loc) · 1.78 KB

Electron Code Pro

Electron Code Pro is a modern, lightweight desktop code editor built with Electron and CodeMirror. Designed for developers, it combines simplicity with powerful features like multi-tab support, syntax highlighting, theme switching, auto-save, and recent files management.

Features

  • Multi-Tab Editing: Open and edit multiple files at once.
  • Syntax Highlighting: Supports JavaScript, HTML, CSS, and mixed HTML files.
  • Theme Switcher: Toggle between light and dark CodeMirror themes.
  • Recent Files List: Quick access to your last opened files.
  • Keyboard Shortcuts: Ctrl+S to save, Ctrl+O to open, Ctrl+N for new file.
  • Cross-Platform: Works on Windows, macOS, and Linux.

Installation

  1. Clone the repository:
git clone https://github.com/rayan495/electron-code-pro.git
cd electron-code-pro
  1. Install dependencies:
npm install
  1. Run the application:
npm start

Usage

  • Use the New, Open, and Save buttons to manage files.
  • Switch between tabs to edit multiple files.
  • Toggle themes from the settings menu.
  • Recently opened files appear for quick access.

Project Structure

electron-code-pro/ ├─ src/ │ ├─ main.js # Main Electron process │ ├─ preload.js # Preload with contextBridge │ ├─ renderer.js # Renderer logic │ ├─ index.html # UI layout │ └─ styles.css # Styling ├─ package.json └─ README.md

Technologies Used

  • Electron Desktop framework
  • CodeMirror In-browser code editor
  • JavaScript, HTML5, CSS3

Contributing

  • Contributions are welcome!
  • Fork the repository
  • Create a branch for your feature/fix
  • Submit a pull request