MERN UI Redesign Implementation
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.
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.
Related categories:
JavaScript
Website Design
Graphic Design
Mobile App Development
User Interface / IA
Frontend Development
Figma
MERN