Scribd
Upload
301 views2 pages

Wasserstoff FrontEnd Developer Task

The document provides a frontend developer task to create a React application matching a provided Figma design. It includes requirements to build the application using React according to the provided design specifications, structure the code well, and submit the source code and a deployment link in a public GitHub repository by the 96 hour deadline. The submission will be evaluated based on the accuracy of design implementation, code quality, functionality, and overall user experience.

Uploaded by

Nutan Kumari
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
301 views2 pages

Wasserstoff FrontEnd Developer Task

The document provides a frontend developer task to create a React application matching a provided Figma design. It includes requirements to build the application using React according to the provided design specifications, structure the code well, and submit the source code and a deployment link in a public GitHub repository by the 96 hour deadline. The submission will be evaluated based on the accuracy of design implementation, code quality, functionality, and overall user experience.

Uploaded by

Nutan Kumari
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

Private & Confidential: WASSERSTOFF INNOVATION & LEARNING LABS PRIVATE LIMITED

Position: Frontend Developer DEADLINE: 96 Hrs

QUALIFICATION TASK: FrontEnd Developer Task

Points to Note:

1. Deadline for submission: 96 Hours


2. Submission guidelines are mentioned at the last page of this document.

Task Document: React JS Frontend Development Task

Objective:

To create a user interface using React JS that matches the provided design in Figma.
● A React JS application that implements the design in Figma.
● The code should be well-structured, readable, and commented.
● Code should follow DRY principles.

Design:

Below Figma design provided to you, which includes a wireframe of the user interface
that needs to be developed. The design includes the layout, colors, and typography of
the interface.

Figma Design :

https://www.figma.com/file/ppNMpYAmwAxgSTvbr1wLmC/Wasseerstoff-Front-end-Developer-T
ask?node-id=625%3A18486&t=zSpf11jgZSodDGtR-0

Requirements:

● The application should be built using React JS.


● The design Must be implemented as closely as possible, including colors,
typography, and layout.
● No images Must be used. All design elements should be created using code.
● The code should be well-structured, readable, and commented.
● The application should be fully functional, including all user interactions.
Private & Confidential: WASSERSTOFF INNOVATION & LEARNING LABS PRIVATE LIMITED

Position: Frontend Developer DEADLINE: 96 Hrs

Submission:

● The complete source code of the React JS application should be submitted via a
Git repository(Public Repository).
● The application should be deployed and accessible online for review.

Evaluation Criteria:

● The accuracy of the design implementation


● The quality of the code
● The functionality of the application
● The overall user experience

Note :

● Please reach out to [email protected] for any queries or hassle. Submission


Guidelines:
● Please make sure that you understand the problem statement completely.
● In Case you wish to discuss the task with us please call us @ 6200144057. Do drop a
text before calling.
● You have a total of 96 Hours to complete and submit the task.
● Your time starts at receipt of the email.
● Create a GitHub project repository with the distinguished name 'wasserstoff'
● Ensure that you create a public repository on Github and share it with
[email protected].
● Please make sure that your code is well commented.
● Any kind of plagiarism would result in immediate disqualification of your application.
● Make a short explanation video for your approach to the problem and how you solve
it.
● It is necessary for you to attempt the task and take it to completion with all mentioned
functionality to qualify for the next round.
● please ensure the github repository that you submit is public and ReadMe.md file in
the submission has following pointers:
1. Title of the project
2. Technology stack/libraries used
3. Steps to run/build the project
4. A public Video link (5-10 min) explaining demo of the project
5. A vercel or any other public hosted link
6. A paragraph explaining how you approached the task.

You might also like