Front End Developer - Screening
Front End Developer - Screening
Thank you for your interest in our Front End Developer role. I'm excited to get to know you
better and assess your skills and capabilities. If you prove to be the right fit for us, we'll make
sure to present you with a compensation package that reflects your experience and skills.
We have tailored a unique task that aligns with our expectations from a Front End Developer.
This will help us evaluate your skills, strengths, and suitability for the role.
This could be a remarkable opportunity for you. You'll be joining an app with top-level
influencers, thus giving you exposure to an influential network.
This position may just meet your career and compensation expectations if you:
But to secure this opportunity, you need to prove that you can shine and possess that unique
skill set.
Don't miss this chance to take your career to a new level. The choice is yours.
*Trial - During 3 days trial you can make sure you are comfortable or not with the product.
Please complete and submit the following sample task within the next 72 hours to be eligible for
the second stage.
Joining our team can provide you with a multitude of opportunities, enabling you to achieve
more than you ever thought possible. Let's get started!
This task will assess:
Create a doc and share the answer of below question, do not put chatbot answers.
And do not try to answer using ChatGPT (Your application will be rejected)
Purpose:
This task is intended to assess your ability to transform a given UI design into a working
prototype, paying close attention to details. We want to understand the depth of your knowledge
in HTML, CSS, and JavaScript and your commitment to creating pixel-perfect designs.
Additionally, we're interested in seeing the structure and cleanliness of your code.
Task Description: (Do not use any library, create it from scratch)
https://www.figma.com/file/tYClXwsRSYsrTr7hRNHY6i/Screening-Task-For-Front-End-Develope
r?type=design&node-id=0%3A1&mode=design&t=4LL9aUSdiBErflPr-1
Your task is to convert this design into a static webpage. Here are the requirements:
Pixel Perfect Implementation: The webpage you create should match the design in Figma as
closely as possible.
HTML: Use semantic HTML tags. We're interested in seeing how well you structure your HTML
and whether you follow best practices.
CSS: Do not use any CSS frameworks or libraries. Write your own CSS code to style the
webpage. Your ability to create responsive designs, handle various screen sizes, and use
efficient and clean CSS will be under scrutiny.
JavaScript: If there are any interactive elements in the design, use vanilla JavaScript (no
libraries or frameworks) to make them functional.
Code Cleanliness and Structuring: Your code should be well-structured, commented where
necessary, and easy to read. Avoid redundancy.
Responsiveness: Although the design might be for a specific viewport, ensure your webpage is
responsive and looks good on both mobile and desktop views.
How to Submit:
Once you've completed the webpage, please host it on a platform of your choice (like GitHub
Pages, Netlify, etc.). Provide the link to the hosted page and the repository link (if applicable) so
we can review both the live page and your code.
Ensure that the repository you share contains only the necessary files for this task and is well
organized.