- Fix icon lag by loading all resources before opening app main page.
- Animate view transition.
- Add a bubble layout template.
- Write tests for the rest of the page components.
- Replace the dialog context with a simpler solution.
Animate dialog box close.✅Lock scroll when dialog box is open instead of closing the dialog on scroll event.✅Fix App component re-render on scroll (devtools profiler -> hook 16 changed: hook 16 is the dialog box reducer)✅Save current active tab to session storage.✅Replace inline styles in the preview component with css variables.✅Replace screen width context with a simpler solution.✅Use a text button for delete/hide all features instead of icon buttons.✅Fix first item in list having smaller width for controls and shifting text/bars to the right.✅Add max width to body for super wide screens.✅Revisit the draft testing function, it doesn't seem too safe at the moment.✅Add more safety to utility functions by throwing errors for unexpected inputs (probably easier to debug than "can't read properties of undefined").✅Use reducers for complex states.✅Fix settings proficiency level typo.✅Reduce/eliminate use of viewport units.✅Make CV preview affected by zoom.✅Switch to css modules.✅Make unit tests more implementation agnostic.✅Improve accessibility button prompts.✅remove dummy tests.✅Add option for verbal level rating for skills and languages, strong/familiar for skills, Native/strong/familiar for languages.✅Add option to fix bad sections in a draft using default/sample values.✅Use sampleinfo in reset all instead of hardcoded values.✅Add the ability to rearrange sections (education and experience order).✅Add hide all and delete all button to each section.✅center preview container in mobile mode.✅open change log in a new tab.✅Fix background width on narrow screen.✅Remove empty contact information from the preview.✅Stress critical sections in dialog message.✅Fix typos in dialog message.✅Disable scroll when confirm dialog is open or close dialog when the user scrolls.✅Fix main controls buttons stacking at the left.✅Fix item controls event listener being re-added with every render (Move them to app component)✅Add a website icon to link icon options.✅Keep textbox in focus when clear field button is clicked.✅Auto capitalize first letter in each word in name field.✅Ask user to confirm before clearing/resetting all data.✅Remove empty sections from the CV preview.✅Add link to change log in the about section.✅Add a focus effect to clear field button.✅Add a clear button to form fields.✅Save draft to session storage with every change.✅Improve edit form accessibility.✅Fix link item text not wrapping and causing overflow.✅Adding a new item to a list switches to editing form instead of creating a blank item first.✅Fix some link icons not turning completely white in dark mode.✅Fix progress bar width not adjusting to container. Consider replacing semantic HTML with a span inside a div.✅Save user dark theme preference for the session.✅Fix list item text color.✅Create a unique component for dark mode button with changing colors based on active mode.✅Fix page unit tests that update state.❌ -> They are not broken...?Use semantic dialog element instead of makeshift div one.❌ -> Too complex for little gain, hopefully will be improved in future React updates.Add a magnifying glass for CV preview.❌ -> The most efficient way works only on images, the alternative is duplicating the entire preview and cropping it.Show clear field button only when field is in focus.❌ -> Breaks clearing text function as button disappears before running clear function.Show clear field button only when textbox is in focus.❌ -> disabling/removing the button cancels ongoing click handlermove dark mode button to main controls box for better accessibility, putting it inside nav might be confusing.❌ -> Not enough space in main controls.