NextJS UI Enhancements
Budget: $10 – $30 USD
I have a live NextJS application that behaves like a file manager. Core features are in place, but several areas still feel rough and inconsistent, and I’d like them tightened up so the product feels polished and production-ready.
Top priority
• Navigation expand / collapse – the folder tree must open and close reliably, preserve its state between route changes, and feel fluid rather than jerky. This is the single most important improvement.
Once that’s stable, I also need you to address the following in the same code-base:
• Upload dialog UX – restore smooth scrolling inside the modal and tidy up visual glitches that appear when the file list gets long.
• Search – results should refresh consistently after any create, move, or delete action.
• Duplicate file validation – detect duplicates before upload or move; present a clear, non-blocking warning so users can decide how to proceed.
• Navigation polish – confirm titles never disappear, panels slide as expected, and the tree stays readable at every hierarchy depth.
• Bulk actions – enable reliable multi-select, then support bulk move and delete with confirmation prompts.
• Safe moves across levels – dragging or moving items between root, folder, and sub-folder levels must respect existing permissions and never orphan files.
The repository is React + NextJS (latest), TypeScript, Tailwind, and Zustand for state. You’ll work in a feature branch, raise a clean PR, and include unit or component tests for anything you touch. I can spin up Vercel Preview Deployments so we can review changes quickly.
If you’ve tuned complex React trees before and enjoy smoothing UX edge cases, let’s get this wrapped up.
Top priority
• Navigation expand / collapse – the folder tree must open and close reliably, preserve its state between route changes, and feel fluid rather than jerky. This is the single most important improvement.
Once that’s stable, I also need you to address the following in the same code-base:
• Upload dialog UX – restore smooth scrolling inside the modal and tidy up visual glitches that appear when the file list gets long.
• Search – results should refresh consistently after any create, move, or delete action.
• Duplicate file validation – detect duplicates before upload or move; present a clear, non-blocking warning so users can decide how to proceed.
• Navigation polish – confirm titles never disappear, panels slide as expected, and the tree stays readable at every hierarchy depth.
• Bulk actions – enable reliable multi-select, then support bulk move and delete with confirmation prompts.
• Safe moves across levels – dragging or moving items between root, folder, and sub-folder levels must respect existing permissions and never orphan files.
The repository is React + NextJS (latest), TypeScript, Tailwind, and Zustand for state. You’ll work in a feature branch, raise a clean PR, and include unit or component tests for anything you touch. I can spin up Vercel Preview Deployments so we can review changes quickly.
If you’ve tuned complex React trees before and enjoy smoothing UX edge cases, let’s get this wrapped up.