In this challenge, you are required to create a responsive web page using React, TypeScript, functional components, and CSS modules. This task is designed to evaluate your coding skills, design implementation, component structuring abilities, and proficiency with TypeScript.
- Develop a responsive page as per the provided design (link to the design will be included).
- Implement a single breakpoint at 600px.
- Utilize React, TypeScript, functional components, and CSS modules for page development.
- Pay special attention to how you structure and distribute your components.
- Implementing skeletons and tests will be considered a plus.
- Handling edge cases (like long texts in headings or descriptions) will also be regarded favorably.
- Your submission will be evaluated based on the quality of your TypeScript and JavaScript code, design, and overall implementation.
- Names for variables, functions and compnents. Ensure they are meaningful, clear, and consistent, reflecting their purpose and role in the application.
- Once completed, archive your working directory and attach it to your submission message.
- Please ensure to remove the 'node_modules' folder before submission.
- This challenge is an opportunity to showcase your proficiency with modern web development technologies like React, TypeScript, and CSS modules. Your ability to produce clean, maintainable code will be a key aspect of this challenge.
- We value creativity and attention to detail, so feel free to add any features that you think would enhance the functionality or user experience of the webpage.
Good luck, and we look forward to seeing your innovative solutions!