Electron App Screens Development from FXML
Budget: ₹10,000 – ₹25,000 INR
UI/UX Developer Needed to Build Electron Desktop App Screens from FXML Design Spec
Project Overview:
We are seeking a talented UI/UX developer to help us convert a list of FXML-based screen definitions into a modern desktop UI using Electron.js. The design specs and screen structure are outlined in the attached document, which includes multiple modules such as:
Email ID, OTP, Loading Screens
Manage Connections, Data Model
Text Formatting, Table Description Tabs
Column Filters, Search, Git Integration
SQL Editor, TableData Views, Dashboard
Feedback, License, About Us, and more
These are part of a larger desktop SQL tool.
Responsibilities:
Build and style UI components in Electron.js using HTML/CSS/JavaScript or TypeScript.
Follow screen guidelines from the FXML design document.
Apply clean, modern UI/UX principles — use fonts like Roboto, flat shadows, and clear layout structures.
Implement reusable components for tables, editors, and form inputs.
Handle layout responsiveness and cross-platform compatibility (Windows/Mac/Linux).
Requirements:
Proven experience with Electron.js, React.js (preferred), or vanilla JS for desktop apps.
Strong skills in HTML/CSS, component design, and UI frameworks.
Experience translating JavaFX or FXML designs into web-based UIs is a plus.
Attention to detail and good eye for clean, minimal, developer-focused interfaces.
Ability to suggest improvements while respecting the existing structure.
Attachments:
A document listing all FXML screens and comments for UI details.
Project Timeline:
Expected duration: 3–5 weeks
Workload: Full-time or part-time depending on your availability
How to Apply:
Share relevant Electron-based UI work or a portfolio link.
Briefly describe your experience with converting desktop-style UI specs into modern interfaces.
Optional: Let us know if you’ve worked with SQL tools, code editors, or JavaFX.
Project Overview:
We are seeking a talented UI/UX developer to help us convert a list of FXML-based screen definitions into a modern desktop UI using Electron.js. The design specs and screen structure are outlined in the attached document, which includes multiple modules such as:
Email ID, OTP, Loading Screens
Manage Connections, Data Model
Text Formatting, Table Description Tabs
Column Filters, Search, Git Integration
SQL Editor, TableData Views, Dashboard
Feedback, License, About Us, and more
These are part of a larger desktop SQL tool.
Responsibilities:
Build and style UI components in Electron.js using HTML/CSS/JavaScript or TypeScript.
Follow screen guidelines from the FXML design document.
Apply clean, modern UI/UX principles — use fonts like Roboto, flat shadows, and clear layout structures.
Implement reusable components for tables, editors, and form inputs.
Handle layout responsiveness and cross-platform compatibility (Windows/Mac/Linux).
Requirements:
Proven experience with Electron.js, React.js (preferred), or vanilla JS for desktop apps.
Strong skills in HTML/CSS, component design, and UI frameworks.
Experience translating JavaFX or FXML designs into web-based UIs is a plus.
Attention to detail and good eye for clean, minimal, developer-focused interfaces.
Ability to suggest improvements while respecting the existing structure.
Attachments:
A document listing all FXML screens and comments for UI details.
Project Timeline:
Expected duration: 3–5 weeks
Workload: Full-time or part-time depending on your availability
How to Apply:
Share relevant Electron-based UI work or a portfolio link.
Briefly describe your experience with converting desktop-style UI specs into modern interfaces.
Optional: Let us know if you’ve worked with SQL tools, code editors, or JavaFX.