MERN UI Redesign Implementation

Job ID: 39818534

Budget: $25 – $50 USD

I’m ready to give my existing MERN stack application a fresh look that matches the new Figma mock-ups I’ve finalized. The backend, database, and overall logic are solid, so the focus is entirely on refactoring the React front end to mirror the updated visual design.

You’ll receive:
• Complete design files (Figma + exported assets) and a quick walkthrough video that highlights screen-by-screen expectations.
• Access to the current Git repository, fully documented install steps, and a staging API you can hit during development.

Your mission:
• Rebuild or adjust the present components so the navigation, dashboard, and every form reflect the new styling, spacing, and interaction cues in the mock-ups.
• Keep the application fully responsive and preserve existing functionality—no regressions in state handling or API calls.
• Follow our established ESLint rules and commit guidelines.

Acceptance criteria:
1. Every screen matches design specs within a 2-pixel tolerance on common breakpoints.
2. All current unit tests pass; new UI elements come with reasonable test coverage.
3. A short handoff document outlines any new components, CSS modules, or refactored folders.

If you’re comfortable jumping straight into a live MERN codebase and can turn polished designs into clean, maintainable React code, I’d love to collaborate.