You're going to create a multistep form based on an in Figma pre-designed reference. During the implementation you're taking care of:
- Structuring your workspace and code.
- Converting styles (color, fonts, shapes, ...) into reusable components.
- Pixel perfection, staying close as possible to the reference (Figma).
- Commenting, if necessary for understanding your code.
- Coding Style (like naming, code splitting, prop-types, DRY)
- Accuracy in the implementation of the design (Figma)
- Structuring of the app and components
- Use of best practices and established solutions to get the job done (instead of reinventing the wheel)
- Converting the Figma Design into a monolith react app
- Structuring app into reusable components
- Write tests (with Jest or React Testing Library)
- Collect your ideas for UI/UX improvements
- Use demodata.json according to the example in Figma
- Preferable work with MUI, it's already added to the environment.
- When you complete this test task, please send me source code with zip file to this email([email protected]). The deadline is the 21.09 5 PM CET.
- The deadline for sharing your github link is the 21.09. 10 PM CET.
- After that, you’ll directly receive on Friday the 23.09. our feedback.