Project Description
Hello,
I am looking for an experienced React Native developer to update the UI of an existing app so it matches the provided Figma design and works properly on both mobile and tablet screens.
The app already exists. The work is mainly focused on UI and styling updates, including sizes, spacing, width, height, layout, typography, colors, RTL layout support, and responsive behavior across different screen sizes.
**Scope of Work:**
1. Update the existing app screens to match the Figma design in terms of layout, spacing, typography, colors, and component sizes.
2. Make the UI responsive and suitable for both mobile and tablet devices.
3. Implement the tablet layout with the same design direction as the mobile version, with a high level of accuracy compared to Figma.
4. Ensure proper RTL support across the UI, including alignment, spacing, text direction, icons, navigation direction, and layout behavior.
5. Work will be done on an existing GitHub repository. Full code and design details will be provided to the selected freelancer.
**Technologies:**
- React Native
- GitHub
- Figma
**Implementation Requirements:**
1. Follow the Figma design as closely as possible.
2. Update the current code without unnecessary changes to the app logic.
3. Ensure the app UI properly supports RTL, especially Arabic text, right-to-left alignment, mirrored layouts where needed, and correct spacing behavior.
4. Follow coding instructions that will be shared later, such as using specific helper functions or components if required.
5. Small review notes or minor adjustments may be requested, as long as they are within the same UI/design scope.
**Acceptance Criteria:**
1. Text must be readable.
2. Spacing must be consistent and appropriate for each screen size.
3. No text should be cut off, hidden, or overflowing.
4. No UI elements should overlap or disappear.
5. The UI should closely match the provided Figma design.
6. The app should look correct on both mobile and tablet screens.
7. RTL layout must work correctly, including Arabic text alignment, component direction, icon positioning, and overall screen flow.
**Work will not be accepted if:**
1. There are overlapping or hidden UI elements.
2. Text is cut off or unreadable.
3. There is a major difference from the Figma reference design.
4. Tablet responsiveness is missing or poorly implemented.
5. RTL support is broken, inconsistent, or not matching the Figma design.
**Important:**
The main goal of this project is accurate responsive UI implementation that closely matches the Figma design. Details such as spacing, alignment, font sizes, component sizes, RTL behavior, and layout consistency are very important.
Please include similar previous work in your proposal, especially React Native projects with responsive UI support for mobile, tablet, and RTL layouts.
**Deliverables:**
- Updated code on GitHub
- Short summary of the changes made
- Screenshots or a short video showing the updated UI on mobile and tablet
- Confirmation that RTL layout was reviewed and tested
Please start your proposal with: **RESPONSIVE FIGMA** so I know you read the full project details.