
Completed
Posted
Paid on delivery
Tabler HTML + Vanilla JS (no React) based Web application front end implementation. Requirements: 1. Fix sop browser page loading from sample-data folder, and recover pre-existing functionalities, include load local storage saved sop instances, "Fork to workspace" button, etc. 2. Unify css to use same set of css for all sop browser, sop runner and sop editor pages. Make the page headers looks the same and with the same alignment position. Remove the unused "Sample Data Viewer" and "Sample build" strings from the headers. The pages should be using same fonts and colours, include panels header bar and panel content fields and labels. 3. On editor page:All the "Save Changes", "Delete", "Revert" buttons should be working. Move the "Delete" buttons on the right side of "Save Changes" buttons. Change "Save Changes" button to be "Save". 4. on editor page Task detail panel when select a task json: Move metadata field put on the bottom and readonly, with small fonts. Hide completed_by and completed_at fields. Notes field should show notes entry list. Notes field should allow add/edit/delete notes for individual note entry. 5. On editor page, SOP field should be changed to be Steps field, and show individual step as list. Step can be add/edit/delete. When adding or editing a Step, the step details panel should be shown in a popup panel, and user can save or cancel on the step details popup dialog panel. May require editor page reformat according the step add/edit feature, for example, moving steps, reordering steps list, etc. 6. On sop editor panel should show list of custom fields list, and should allow user add/edit/delete custom fields. 7. On step details panel, should show list of custom fields list, and should allow user add/edit/delete custom fields. 8. Adjust the page design to make all the columns and panels size collapsable (to be narrow bar) and adjustable. 9. Save sop should save the sop json into browser local session storage as valid json and can be loaded back to the sop list. 10. When all ahead GUI work has been done, create set of centralized API interface for all the data operation with local and remote implementation, and allow switch between local calls (for GUI development and testing) and remote calls (for server side API integration). 11. All the page design should provide high quality, professional grade and production ready quality.
Project ID: 40173993
80 proposals
Remote project
Active 4 mos ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
80 freelancers are bidding on average $317 CAD for this job

Hi R H. I’m your web developer, ready to turn your project Web App GUI Enhancement into reality! I’d love to discuss the details and create something amazing together. Feel free to message me anytime, and we can also hop on a quick video or audio call whenever it's convenient for you. I’ve developed many projects exactly like what you’re looking for. If you want to see more relevant samples, just contact me through the chatbox, and I’ll share them instantly. ★ Why Clients Trust Me 500+ successful web projects delivered 430+ positive client reviews Expert in JavaScript, CSS, HTML5, HTML, Web Development, Frontend Development, API Development, Web Application WordPress, Shopify, PHP, JavaScript, HTML, CSS, Plugin/Theme Development, Laravel, WebApp Clean, modern, responsive and SEO-optimized designs Fast delivery, great communication, and long-term support Available during EST hours for smooth collaboration If you want a professional developer who delivers quality work on time and stress-free, let’s connect. I’m excited to help build something amazing for you. Best regards, Kausar Parveen
$300 CAD in 3 days
8.3
8.3

Hello, I see you need a front-end expert to implement and refine a Tabler HTML + Vanilla JS web app, fixing browser page loading, button actions, and SOP editor behavior. I’ve built similar non-React frontends with pure JS, ensuring clean modular code, reusable CSS, and smooth local storage handling. I’ll unify your CSS across pages, repair “Save/Delete/Revert” logic, and set up a centralized API interface for local/remote calls. Can we discuss a quick review to confirm priorities before I begin? Regards, Youssef
$300 CAD in 7 days
7.5
7.5

Hello I'll expertly enhance your web app's GUI using Tabler HTML and vanilla JavaScript. My focus will be on optimizing existing components and integrating new features seamlessly, strictly adhering to your 'no React' requirement. Let's refine your interface for superior usability and aesthetics. Giáp Văn Hưng
$319 CAD in 7 days
6.7
6.7

I'm experienced in enhancing Web App GUI using Tabler HTML and Vanilla JS. I will fix sop browser page loading issues, unify CSS for consistency, and ensure all buttons and functionalities work seamlessly. I will restructure the editor page, improve task detail panel functionality, and enhance SOP field to Steps field with individual step management. Additionally, I will create centralized API interfaces for data operations. My focus is on delivering high-quality, professional-grade results.
$300 CAD in 7 days
6.5
6.5

Hello R H, I am excited to submit a proposal for the Web App GUI Enhancement project. With expertise in Tabler HTML and Vanilla JS, I am confident in my ability to meet your requirements effectively. Based on the project description, I will focus on fixing the browser page loading issue, unifying CSS for consistency across pages, and ensuring all buttons and panels function correctly. I recently completed a similar project where I enhanced the user interface of a web application, resulting in improved functionality and a seamless user experience. You can view this project in my portfolio: https://www.freelancer.com/u/SajidaSaqira/SS-Technologies I have a few questions regarding the customization of the editor page and the integration of centralized API interfaces. Could we discuss these aspects further to ensure alignment with your vision for the project? I look forward to the opportunity to collaborate and bring your project to life. Please feel free to reach out for a detailed discussion. Best regards, Sajida Saqira
$301 CAD in 7 days
5.7
5.7

HI There!!! I have checked your requirments . I am expert "Web App GUI Enhancement". Please let me know if you are interested with my service for your project. Looking forward to your favorable response. Thanks smartwinz
$301 CAD in 2 days
6.7
6.7

I can address each point in your project to enhance the Tabler + Vanilla JS app: - I’ll fix the SOP browser page loading from sample-data folder and restore features like loading saved SOPs from localStorage and “Fork to workspace” button functionality. - I’ll unify CSS across sop browser, runner, and editor pages, aligning headers, fonts, colors, and removing unused strings for a consistent look. - On the editor page, I’ll make “Save Changes”, “Delete”, and “Revert” buttons fully functional, reposition “Delete” to the right of “Save Changes,” and rename “Save Changes” to “Save.” - I’ll reformat the task detail panel: move metadata to bottom as readonly with small font, hide completed_by/completed_at, and implement a notes list with add/edit/delete functionality per note. - I’ll replace SOP field with a Steps field, displaying steps as a list with add/edit/delete support. Step details will open in a popup dialog with save/cancel options. I’ll handle reordering and UI adjustments. - Both SOP editor and step details panels will get custom fields lists with full add/edit/delete support. - I’ll make columns and panels collapsible and resizable to improve UX. - Saving SOP will serialize JSON properly to local session storage and support loading back. - After front-end improvements, I’ll implement a centralized API interface that switches between local and remote calls for data operations. - I’ll ensure all UI changes are polished, production ready, and professional grade. Do you have a preferred format or examples for the custom fields? Also, for the centralized API switch, should the toggle be manual or automatic based on environment?
$301 CAD in 7 days
5.5
5.5

Hi R H., I am very interested in enhancing your Tabler HTML + Vanilla JS front end. I have strong experience building and fixing single-page UI with localStorage, dynamic lists, popup dialogs, and CSS unification. I can restore sop browser loading from sample-data, recover the "Fork to workspace" feature, and make Save/Delete/Revert work on the editor. I will unify fonts and headers, convert SOP to Steps with add/edit/delete in a popup, support custom fields at SOP and step level, make panels collapsible and adjustable, and provide a switchable API layer for local and remote calls. My profile shows similar projects and code samples. Can you confirm access to the repo and any preferred fonts or style guides? Best regards, Saad J.
$300 CAD in 3 days
5.1
5.1

⭐Hi, I’m ready to assist you right away!⭐ I believe I’d be a great fit for your project since I have extensive experience in web application development, JavaScript, and frontend technologies. My skills in HTML5, CSS, and API development align perfectly with the requirements of enhancing the Tabler HTML + Vanilla JS web application GUI. I have a proven track record in implementing complex web interfaces and ensuring optimal functionality. With a keen eye for detail and a focus on user experience, I am well-equipped to unify the CSS across all pages, enhance button functionalities, optimize page design, and implement collapsible columns and panels. This project aims to streamline the SOP editor interface, improve the user experience, and ensure a professional-grade production-ready application. By implementing a centralized API interface for data operations and enhancing the GUI, we can enhance efficiency and user satisfaction, meeting your project's objectives effectively. If you have any questions, would like to discuss the project in more detail, or would like to know how I can help, we can schedule a meeting. Thank you. Maxim
$300 CAD in 5 days
5.0
5.0

Hello, there! I can implement this Tabler-based, vanilla JavaScript front end cleanly and professionally, restoring broken SOP browser functionality and bringing all pages to a unified, production-ready standard. I’m comfortable working without React and will focus on fixing the SOP browser load flow (sample-data, local storage recovery, fork-to-workspace, etc.) before standardizing CSS, headers, fonts, colors, and panel layouts across the browser, editor, and runner so everything feels cohesive and intentional. On the editor side, I’ll make all actions fully functional and intuitive: Save (renamed and wired correctly), Delete, and Revert; restructure task details so metadata is read-only, compact, and correctly placed; implement a proper notes system with add/edit/delete; and refactor SOPs into a step-based model with popup step editors, reordering, and clean state handling. Custom fields will be supported at both SOP and step levels, and all panels and columns will be collapsible and resizable for usability. Once the UI work is complete, I’ll introduce a centralized data-access layer that cleanly abstracts local storage and remote APIs, allowing seamless switching between local development and server-backed integration. The result will be a polished, maintainable front end that’s ready for real production use. Best regards, Ian Brown
$300 CAD in 7 days
4.7
4.7

With a decade of Full Stack Software Engineering experience under my belt, I am confident that I can deliver the high-quality, professional-grade enhancements your Tabler HTML + Vanilla JS based web application needs. My expertise spans everything from full-stack development and cloud integration to IoT platforms and production-ready system builds. Specifically, on the front end, I have honed my skills in CSS, HTML and JavaScript – exactly what your project demands. I can ensure all aspects of your design are unified, fonts and colours are consistent across all sections, remove unused strings from headers, improve SOP field functionalities on editor page and a lot more- all with an eye for detail and an understanding of the importance of aesthetics and usability. Moreover, as a proactive problem solver, I am eager to devise the best way to enhance your GUI while preserving its original functionality. I can also build centralized API interfaces for your data operations enabling efficient local and remote calls to facilitate server-side API integration. My commitment to producing production-ready solutions aligns seamlessly with your vision. So let's collaborate for an improved, user-friendly and seamless web app experience!
$500 CAD in 10 days
4.0
4.0

Hello, I hope you are doing well. I am a frontend engineer focused on clean UI, accessible layouts, and fast, maintainable code. I specialize in Tabler HTML with vanilla JS and turning complex specs into production-ready dashboards. I will unify the CSS across sop browser, sop runner, and sop editor, restore loading from the sample-data folder, add localStorage persistence, and ensure consistent headers, fonts, and colors. In prior work I rebuilt editors with step-based workflows, notes with full add/edit/delete, customizable fields, and modal detail panels. I will make Save, Delete, Revert work, move Delete to the right of Save, rename Save to Save, and implement collapsible/resizable panels. I will save SOP JSON to sessionStorage and provide a clean API interface blueprint for local and remote calls. Best regards, Billy Bryan
$300 CAD in 7 days
4.3
4.3

Hello there, I reviewed your project Web App GUI Enhancement and understood the requirements at a high level. I focus on delivering clear, stable, and maintainable solutions aligned with the actual scope, I can work with JavaScript, CSS, HTML5 and follow a clean development process with proper structure and error handling. If this aligns with what you’re looking for, please come to chat to discuss further. Best regards
$300 CAD in 7 days
4.7
4.7

⭐ If you award me, your smile shows up ⭐ Hi , Your project immediately stood out to me—it closely matches work I’ve completed successfully in the recent past. The core challenges, structure, and technical requirements are very familiar, with only a few unique elements that align perfectly with my expertise. This is great news for you: it allows me to skip the usual ramp-up time, avoid trial-and-error, and deliver clean, high-quality results quickly and confidently. I bring hands-on experience with HTML, Frontend Development, API Development, Web Application, JavaScript, CSS, Web Development and HTML5, along with proven workflows and best practices refined through multiple similar projects. You can view a directly relevant example in my portfolio here: https://www.freelancer.com/u/thomasb726 I’d be happy to discuss your specific goals in more detail and share tailored ideas based on what has worked best in comparable scenarios. Why clients choose—and continue working with—me: • Clear, proactive communication so you always know where the project stands • Strong respect for your deadlines, budget, and business reputation • Responsive, approachable, and focused on a smooth, stress-free process • Reliable post-delivery support that often leads to long-term partnerships If you’re looking for precise execution, high-quality results, and a dependable long-term partner, I’d love to connect and help bring your project to life. Best regards, Tom
$500 CAD in 2 days
3.8
3.8

Hello, I went through your project description and it seems like I'm a great fit for this Web App GUI Enhancement. Please come over chat and discuss your requirement in a detailed way. Thank You
$300 CAD in 2 days
3.8
3.8

I can see you need a skilled developer to fix and unify your Tabler-based SOP management application across the browser, runner, and editor pages, and I have deep experience with exactly this stack—vanilla JS, HTML5, and CSS without framework overhead. My approach will be to first restore the SOP browser's sample-data loading and localStorage functionality, then consolidate all CSS into a shared stylesheet ensuring consistent fonts, colors, and header alignment across all three pages. For the editor, I'll implement full CRUD operations on the Save/Delete/Revert buttons, restructure the task detail panel with metadata repositioned and a proper notes entry list, and build the Steps feature with a modal dialog for add/edit workflows. I can start immediately and am confident in delivering a polished, unified UI.
$300 CAD in 1 day
4.0
4.0

Hi, hope you are doing well. I've read your proposal very carefully and I am confident about your project. I understand that you need a Tabler HTML and Vanilla JS based web application front end implementation with a focus on fixing browser page loading, enhancing functionalities, and unifying the CSS across various pages. I have hands-on experience in web development using HTML, CSS, and JavaScript without frameworks like React, and have successfully completed similar projects. One example is a project where I revamped a web app by implementing consistent design patterns and optimizing loading times, which resulted in improved user satisfaction. These are my approach: - First, I'll address the loading issues and recover existing functionalities, ensuring that all features like the "Fork to workspace" button work seamlessly. - Next, I will unify the CSS for all required pages, ensuring consistent headers, fonts, and colors while removing any unnecessary elements. - Finally, I'll focus on enhancing the editor page functionalities, making sure that all buttons are operational, and implementing the necessary UI changes for a better user experience. I can start immediately and complete the work within a short timeline. Looking forward to your reply!
$300 CAD in 7 days
3.6
3.6

Hello! I can implement your Tabler + Vanilla JS web app front end, restoring SOP browser functionality, unifying CSS, fixing editor buttons, implementing Steps and custom fields with add/edit/delete, collapsible/resizable panels, local storage persistence, and a centralized API interface for local/remote switching. Delivery will be production-ready, polished, and fully functional. Best Regards!
$300 CAD in 5 days
3.7
3.7

Hey there, Is the SOP JSON schema already fixed, including steps, tasks, notes, and custom fields, or should the UI handle versioning and missing fields safely when loading older local storage data? For the centralized API layer, should it follow a single interface like SopApi with methods list, get, save, delete, and the local and remote implementations swapped by a config flag? This is a clear vanilla JS refactor plus UI polish job. The best approach is to restore the SOP browser flows first, then unify Tabler styling across pages, then rebuild editor panels for steps, notes, and custom fields with reliable local session storage saves and reloads. A similar multi page vanilla JS app cleanup was done where features broke due to scattered state and duplicated data calls. It was fixed by creating one data service layer, moving all storage calls behind it, and wiring UI actions through consistent handlers so buttons, dialogs, and lists stayed stable. Strong fit here with HTML, CSS, and vanilla JS architecture, plus a careful review mindset from years of security style debugging where state bugs and edge cases must be handled. Ready to start immediately and deliver production grade UI and a clean API switch layer. Best, Ivan
$300 CAD in 3 days
3.3
3.3

Lets connect in chat so that We discuss further. Regards
$300 CAD in 7 days
3.9
3.9

Ottawa, Canada
Payment method verified
Member since Oct 29, 2010
$100-101 USD
$30-250 USD
$100-101 CAD
$30-250 USD
$200-201 USD
$10-30 USD
$10-20 USD
$250-750 USD
$30-250 USD
$250-750 USD
₹1500-12500 INR
£50-100 GBP
€30-250 EUR
$30-250 USD
₹1500-12500 INR
₹1500-12500 INR
$3000-5000 USD
₹600-1500 INR
€30-250 EUR
$1500-3000 USD
$300-350 USD
$10-30 USD
€250-750 EUR
$8-15 USD / hour
$125-250 USD