Apply the layout to the launcher on node.js
Hello everyone, I have such an interesting project
I have a Minecraft launcher written in node.js



But as you can see, the design is not great)
So I have a layout for it written in HTML, JS, CSS



As you can see, all the logic for authorization, game launch, loading screens, etc. is in the launcher code; we just need to overlay a nice design on top of it.
What is already available
✅ Ready Minecraft launcher on Electron (backend implemented)
✅ Complete layout of all screens:
authorization / registration
server list
client loading screen (progress bar)
account
settings (RAM, Java, options)
✅ Connected and configured UI libraries:
Swiper (sliders)
noUiSlider (RAM selection)
Mprogress (progress bar)
✅ Ready styles, animations, themes
❌ NOT needed:
redesign
change HTML/CSS
invent UX or new screens
🎯 Work Goal
Connect the existing frontend with the logic of the Electron launcher.
The work is about integration and logic, not layout.
🛠 Main Tasks
1. Authorization
Connect the login form to the backend
Processing:
successful login
errors
Session storage (if needed)
2. Server List
Retrieve the list of servers from the backend / JSON
Display:
name
version
online
status
Select active server
3. Launch Game
Button “Play”:
launch client via Electron
pass parameters (server, Java, RAM)
Display loading process:
update progress bar
text status (download, assets, launch)
4. Settings
Connect:
slider RAM → real values
Java selection
checkboxes (debug, etc.)
Save settings between launches
5. Electron / IPC
Use IPC:
renderer ↔ main
Correct event handling:
start
error
completion
Що вже є
✅ Готовий Minecraft-лаунчер на Electron (бекенд реалізований)
✅ Повна верстка всіх екранів:
авторизація / реєстрація
список серверів
екран завантаження клієнта (progress bar)
акаунт
налаштування (RAM, Java, опції)
✅ Підключені та налаштовані UI-бібліотеки:
Swiper (слайдери)
noUiSlider (виділення RAM)
Mprogress (progress bar)
✅ Готові стилі, анімації, теми
❌ НЕ потрібно:
переробляти дизайн
змінювати HTML/CSS
вигадувати UX або нові екрани
🎯 Мета роботи
Зв’язати існуючий frontend з логікою Electron-лаунчера.
Робота — це інтеграція та логіка, а не верстка.
🛠 Основні задачі
1. Авторизація
Підключити форму логіну до бекенду
Обробка:
успішного входу
помилок
Збереження сесії (за потреби)
2. Список серверів
Отримання списку серверів із бекенду / JSON
Відображення:
назва
версія
онлайн
статус
Вибір активного сервера
3. Запуск гри
Кнопка «Грати»:
запуск клієнта через Electron
передача параметрів (сервер, Java, RAM)
Відображення процесу завантаження:
оновлення progress bar
текстовий статус (download, assets, launch)
4. Налаштування
Підключити:
slider RAM → реальні значення
вибір Java
чекбокси (debug та ін.)
Збереження налаштувань між запусками
5. Electron / IPC
Використання IPC:
renderer ↔ main
Коректна обробка подій:
старт
помилка
завершення
-
7 days135 USD7 days135 USD
Hello!
This is indeed an interesting project. I am happy to help with the implementation. I guarantee a responsible attitude.
-
7 days36 USD
937 5 0 1 7 days36 USDHello!
We are a team that has been developing for over five years. Our main tools are NodeJS and Python. We also work with connecting to any databases (MongoDB, SQL, Postgres, etc.), integrating with payment systems, API services, and plugins.
I suggest discussing the details of your project, after which we can agree on a comfortable price and convenient terms for both parties.
After the development is completed, we guarantee to provide technical support and consultation for 10 days.
Examples of already implemented and working products can be found on our website - https://vaysed.me/
Or in the Freelance profile.
We look forward to your response!
-
2 days89 USD
1310 6 0 2 days89 USDHello!!!
I can apply a ready-made beautiful design and set everything up.
Feel free to contact me.
-
3 days67 USD
126 3 days67 USDFor us, it's not a problem; we deal with such things. I can practically start taking care of it right away. Please visit my website: www.volexit.pl - there you can find contact ;)
-
7 days59 USD
453 3 0 7 days59 USDHello! If you only need to apply a ready-made beautiful design to all of this, I will help with the implementation.
-
3 days91 USD
475 2 0 3 days91 USDready to help you out
have experience working with electron and will share previous web work in chat - to see if we match
-
10 days94 USD
612 21 0 10 days94 USDHello. I can do your project. I have 5 years of experience. Write to me, we will agree.
-
3 days94 USD
1567 5 0 3 days94 USDGood day!
I am interested in your project with the Minecraft launcher on Electron. I have experience working with Node.js, Electron, JavaScript/TypeScript, and integrating ready-made UI with backend logic.
I am ready to perform the integration without changing HTML/CSS and UX.
-
3 days188 USD
3160 23 1 3 3 days188 USDHello, Vyacheslav! I understand how important it is to bring your project to life from an aesthetic point of view. With my experience in building interactive interfaces, I will help integrate modern design into your Node.js launcher, ensuring a flawless user experience. I have significant experience in adapting UI for different platforms, which allows for creating not only beautiful but also functional solutions. I am ready to discuss how we can take your product to the next level together. Let's turn it into something truly unique!
-
2 days102 USD
1099 11 0 2 days102 USDHello
I can do layout stretching for a small fee
Please contact me
Current freelance projects in the category HTML & CSS
Output posts from Instagram to the website (OpenCart)
16 USD
Hello. I need to set up functionality so that a block with Instagram posts appears on the site (OpenCart). Please respond if you have done this and know how to do it :) Thank you :) We will agree on the price, I don't know how much it costs. HTML & CSS, Web Programming ∙ 2 hours 1 minute back ∙ 28 proposals |
Landing page for an English school
301 USD
We are looking for a designer + landing page developer (Wix / WordPress / Weblium) Hello! We are looking for a performer for the design and layout of a landing page for an English language course. What is needed: — design and layout of a landing page with 12 blocks; —… HTML & CSS, Interface Design (UI/UX) ∙ 4 hours 29 minutes back ∙ 90 proposals |
Layout of a React/Tailwind component for printing an A4 formNeed to fix the UI/UX design and geometry of one React component (template for a clinical chart for printing in PDF) All functionality, data arrays, and logic are already written and working — only cosmetic changes are needed, correct margins and positioning of elements using… HTML & CSS, Javascript and Typescript ∙ 5 hours 35 minutes back ∙ 43 proposals |
Adaptive website layout with animationIt is necessary to create a website based on the ready design from Figma. The admin panel of the site is Laravel - viar-art.pl The site should be modern, responsive, fast, and user-friendly. The layout must exactly match the mockup and display correctly on mobile devices,… HTML & CSS, Website Development ∙ 16 hours 57 minutes back ∙ 80 proposals |
Update custom frontend on Prestashop
223 USD
It is necessary to refine and update the custom theme of the online store on PrestaShop. The design already exists, but there have been changes (alignment of elements, UI adaptations) that need to be carefully integrated and brought to a stable appearance. Tasks: Update and… HTML & CSS ∙ 22 hours 18 minutes back ∙ 31 proposals |