feat: Overhaul UI and add page preview features #110
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request implements several major UI/UX improvements and adds new functionality based on our discussion. The app now supports multiple templates, image uploads, data import/export, and has a cleaner, more intuitive interface.
Key Changes:
Multiple Templates & Page Control: Users can now choose between a classic single-column and a modern two-column layout. A new page limit feature also helps guide users to fit their resume onto a single page, with a visual warning for overflow.
Advanced Data Handling: Implemented functionality to upload a profile photo. Users can also now save all resume data as a JSON file for local backup and load the JSON file to continue editing later.
Multiple Export Options: The resume can be downloaded as a high-quality PDF or as a DOCX file for Microsoft Word. The export logic has been fixed to exclude UI buttons and prevent awkward page breaks.
Enhanced UI & Functionality: Moved UI controls like Undo, Redo, and Refresh to the form section for a decluttered preview. The Autofill feature is now fully functional, allowing users to populate the form with sample data instantly.
Intuitive Section Reordering: Added drag-handle icons (⠿) to each section header to make the existing drag-and-drop reordering of resume sections more obvious to users.
Bug Fixes: Resolved several CSS layout bugs, including overlapping content in the two-column template and issues with the downloaded document's appearance.