Create a responsive frontend website using Next.js with TypeScript that allows users to upload images, adjust them with OpenCV, and download the modified images. The application should work seamlessly on mobile devices.
-
Image Upload:
- Users should be able to upload images with a maximum file size of 2MB.
- Implement error handling for file size limitations.
-
Image Processing:
- Use OpenCV to apply image adjustments (e.g., filters, resizing) 1 filters and 1 crop.
- Ensure that image processing is efficient and does not lead to memory leaks.
-
User Interface:
- Design a mobile-friendly UI/UX that works well on WebKit, Chrome, and Gecko browsers.
- Ensure that the layout is clean and intuitive for users.
-
Download Functionality:
- Allow users to download the processed images after adjustments.
-
Code Quality:
- Write clean, readable, and well-structured code.
- Follow best practices for TypeScript and React development.
-
Deployment:
- Deploy the application to Vercel.
- Provide a link to the deployed application.
-
Version Control:
- Host your code on GitHub.
- Provide a link to the GitHub repository.
- Please send the completed project via email to
[email protected]cc[email protected]with the subject line:Frontend Developer Application Submission - [Your Full Name] - Include the following in your email:
- Link to the GitHub repository
- Link to the deployed Vercel application
- Attachments your CV
- Functionality: Does the application meet all specified requirements?
- Code Quality: Is the code clean, well-organized, and easy to read?
- Performance: Is the application optimized and free from memory leaks?
- UI/UX: Is the application visually appealing and user-friendly on mobile devices?
- Feel free to use any libraries that you find useful.
- Aim for a balance between functionality and performance, particularly in image processing.
We look forward to reviewing your submission!