Scribd
Upload
238 views

Compatibility Test For Frontend Developers PDF

The document provides coding assignment details for a frontend compatibility test. It outlines requirements for building a product administration functionality for an e-commerce application using a frontend framework. Key requirements include adding, modifying, deleting and listing inventory items via asynchronous API calls, with data validations and exception handling. Documentation of time tracking and code is requested to be shared publicly on GitHub or similar for evaluation.

Uploaded by

joy
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
238 views

Compatibility Test For Frontend Developers PDF

The document provides coding assignment details for a frontend compatibility test. It outlines requirements for building a product administration functionality for an e-commerce application using a frontend framework. Key requirements include adding, modifying, deleting and listing inventory items via asynchronous API calls, with data validations and exception handling. Documentation of time tracking and code is requested to be shared publicly on GitHub or similar for evaluation.

Uploaded by

joy
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/ 3

COMPATIBILITY TEST FOR FRONT-END DEVELOPER

Please find below the coding assignment, as part of your technical evaluation.
We understand that a proper solution to this assignment would take days, but please remember, a
perfect solution does not exist! All we are looking for is the approach.

It is said that ‘Art Speaks where words fail to explain ‘, and considering the software craftsmen we
are -

• Please use this assignment to portray the wide array or depth of your knowledge which
generally won’t be visible or even get asked during an interview. Interviews
are constrained by the knowledge of the interviewer and time and many times do not do
justice to your knowledge!
• Please see this as an opportunity to showcase your technical, logical, coding talents and
creativity in your style and time.
• Like we mentioned above, a great code would be self-exemplary of your skills and talent
and eliminate the need for more evaluation. We could propel you directly to the final
round on its basis.
• Do not feel pressured to provide the “perfect answer”. The goal is for you to put forth your
skills and give us an idea of how you approach tasks relevant to this role.

"ShopBridge" is an e-commerce application. As a part of this app, you need to build functionalities
that helps manage different items they would have for sale. This will require a frontend/backend
solution.
As a Frontend developer, you would be needing to provide a functional solution that can be used as
an user interface for this module.

Frontend Requirements: 
• Pick a User Interface Framework that you are comfortable with or interviewing
for (Angular, AngularJS, ReactJs, React Native, ASP.NET MVC, Blazor, Any BOT Framework) to:

Create a functionality for the Product Admin, with components that can be used to perform the
below actions:

1. Add a new item to the inventory (The item should require a name, description, and price as
basic fields, think of additional information that would be useful along with considerations for
validations to ensure data sanity.)

Registered Office: BANER FLNO B/501 CRYSTAL ROW HOUSE, S NO 82/1/7, PLOT NO 32 TO 35 P. PUNE MH 411045 IN
2. Modify an item in the inventory.
3. Delete an item from the inventory.
4. Lists the items in the inventory.

• The data needs to be fetched via APIs from a backend application.


• All API calls should be asynchronous and not cause any full-page reloads.
• Consider usability in terms of navigations.
• Ensure Responsiveness
• Do include data validations as and when needed.
• Exception handlings need to be present.

Consider this to be just an elementary starting point to get you going and is much smaller compared
to the expanse of your knowledge!

Please feel free to demonstrate the width and creativity of your coding with the handling of
functionalities like business validations, image processing, stock manipulation, categories,
search, etc. along with technical pieces like exception handling, pagination...

Tracking:
Please do your best to keep track of how long you spend on the implementation of each of them, this
is for self-timing and to determine estimation accuracy.
1. Frontend functionality
2. Frontend presentational aspects (styling, DOM, etc)
3. Required Validations
4. Unit Test Coverage
 
Deployment Requirements:
1. The code should be shared via GitHub, BitBucket, or SourceTree holding all relevant code.
2. Do ensure it's a deployment-ready code that can be published to a production server.
3. Assume the backend APIs would be created after UI has been designed based on UI
requirements. Please assume mock data to proceed.

Great Add-on to have:

1. Simple and minimal design, you can use a theme you are comfortable with.
2. Code Coverage of 90% (using any Code Coverage Tool like PyUnit, MSUnit, NUnit, XUnit ,
etc.)
3. Clean Code Readability
4. Supporting relevant documentation (detailed steps to run with screenshots, breakdown of
time spent on different aspects of development).

Registered Office: BANER FLNO B/501 CRYSTAL ROW HOUSE, S NO 82/1/7, PLOT NO 32 TO 35 P. PUNE MH 411045 IN
IMPORTANT NOTE - DO NOT send an invite to collaborate. Add the deliverables in PUBLIC
REPOSITORY in Github, Bitbucket, or SourceTree and send the LINK to the following email IDs -
• Primary - [email protected]
• CC - [email protected]

Registered Office: BANER FLNO B/501 CRYSTAL ROW HOUSE, S NO 82/1/7, PLOT NO 32 TO 35 P. PUNE MH 411045 IN

You might also like