Skip to content

Latest commit

 

History

History
70 lines (41 loc) · 2.75 KB

README.md

File metadata and controls

70 lines (41 loc) · 2.75 KB

Junior Frontend Developer (JavaScript/TypeScript)

How To Participate:

  1. Carefully review instructions and check the Links and resources section.
  2. Initialize a GitHub repository and email the link to multividasdotcom@gmail.com with the subject "Junior Frontend Developer (JS-TSC) by [Your First Name] [Your Last Name]."
  3. When done, reply to the same email thread.

Show your ability to follow instructions. Complete within 1 day.

Context

You are tasked with building an image editor using HTML, SCSS, JavaScript, and TypeScript. The image editor should allow users to upload images, apply various filters, adjust brightness/contrast, and save the edited images.

Features to Implement

  1. Image Upload: Users should be able to upload images from their local device.

  2. Filter Application: Implement various filters such as grayscale, sepia, blur, etc., allowing users to apply them to the uploaded images.

  3. Brightness/Contrast Adjustment: Users should be able to adjust the brightness and contrast of the uploaded images using sliders.

  4. Undo/Redo Functionality: Provide the ability for users to undo and redo their edits.

  5. Save Image: Users should be able to save the edited image.

Instructions

  • Implement the features described above using HTML, SCSS, JavaScript, and TypeScript.

  • Utilize modern web development techniques and best practices.

  • Ensure a responsive design that works well on both desktop and mobile devices.

  • Document your code and provide a short and concise README explaining how to set up and use the image editor.

  • Commit your changes progressively with clear and concise commit messages.

Evaluation Criteria ⚠️

  • Accuracy in following instructions.
  • Adherence to modern web development standards and best practices.
  • Code readability and organization.
  • Implementation of responsive design principles.
  • Clean and organized commit history.
  • Quality of documentation in the README file.

Additional Notes

  • Prioritize user experience and interface design.
  • Utilize TypeScript to enhance code maintainability and catch errors at compile-time.
  • Avoid using external libraries or frameworks.
  • Focus on building a functional image editor within the specified time frame.

Links & Resources

TypeScript

Modern Web Development

Questions

If you have any questions or need clarification on any aspect of the challenge, feel free to reach out via email: multividasdotcom@gmail.com

Good luck with the challenge! 🚀