Scribd
Upload
47 views2 pages

FrontEnd Developer Assessment-2

The document outlines a frontend developer assessment that evaluates candidates on optimizing content load speed, ensuring usability, accessibility, and responsiveness. Candidates must complete one of three project options using the MERN stack: an e-commerce site, social media dashboard, or project management tool. Candidates will be assessed based on optimization of load speed, usability/accessibility, responsiveness, and code quality. Extra points are awarded for advanced features or use of additional libraries. Projects must be submitted by a deadline.

Uploaded by

Aditya M.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
47 views2 pages

FrontEnd Developer Assessment-2

The document outlines a frontend developer assessment that evaluates candidates on optimizing content load speed, ensuring usability, accessibility, and responsiveness. Candidates must complete one of three project options using the MERN stack: an e-commerce site, social media dashboard, or project management tool. Candidates will be assessed based on optimization of load speed, usability/accessibility, responsiveness, and code quality. Extra points are awarded for advanced features or use of additional libraries. Projects must be submitted by a deadline.

Uploaded by

Aditya M.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

FrontEnd Developer Assessment

Objective:
The objective of this assessment is to evaluate candidates' proficiency in frontend development,
with a focus on optimizing content load speed, ensuring usability, accessibility, and
responsiveness. The assessment is tuned around the MERN (MongoDB, Express.js, React.js,
Node.js) stack.

Project Options:
Choose one of the following project options to demonstrate your skills:

1. E-commerce Website : Create a responsive e-commerce website using the MERN stack.
The website should include features such as product listings, product details, shopping
cart functionality, and a checkout process. Focus on optimizing content load speed by
implementing lazy loading for images and minimizing unnecessary requests.
2. Social Media Dashboard : Develop a social media dashboard using the MERN stack
where users can view, post, and interact with content. Implement features such as user
authentication, news feed, user profiles, and messaging. Ensure accessibility by following
WCAG guidelines and making the dashboard usable for users with disabilities.
3. Project Management Tool : Build a project management tool using the MERN stack
that allows users to create, assign, and track tasks within teams. Include features such as
task lists, kanban boards, and progress tracking. Prioritize responsiveness to ensure
seamless usage across different devices and screen sizes.

Assessment Criteria:
Candidates will be evaluated based on the following criteria:

1. Optimization of Content Load Speed:


o Efficient data fetching and rendering techniques.
o Implementation of lazy loading for images and content.
o Minimization of network requests and payload size.
2. Usability and Accessibility:
o Intuitive user interface design.
o Consistent navigation and interaction patterns.
o Compliance with WCAG accessibility standards.
o Keyboard navigation and screen reader compatibility.
3. Responsiveness:
o Fluid layout design that adapts to various screen sizes.
o Cross-browser compatibility.
o Touch-friendly interface for mobile devices.
4. Code Quality and Organization:
o Clean and maintainable code structure.
o Proper use of components and modularization.
o Comments and documentation where necessary.
Additional Points:
Candidates can earn extra points by:

• Implementing advanced features beyond the basic requirements.


• Utilizing multiple libraries of CSS (e.g., Bootstrap, Material-UI) and JavaScript (e.g.,
Axios, Redux) to enhance functionality and styling.

Submission Guidelines:
• Submit the project code along with any necessary setup instructions through
https://link.krite.sh/frontenddeveloper by February 27th, 11:59 PM.
• Include a README file documenting the project overview, features, and any additional
information.
• If selected for further consideration, you will receive a response within 2-3 working days.
If not, it may take longer due to the volume of submissions.

Note:
Plagiarism or unauthorized use of code from external sources will result in disqualification.
Candidates are expected to demonstrate their own skills and understanding of frontend
development concepts.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy