Scribd
Upload
5 views4 pages

Frontend Engineer Evaluation Task

Eagle 3D Streaming has provided a technical evaluation task for applicants to the Frontend Engineer position, focusing on understanding DOM structure, navigating frontend codebases, and debugging client-side rendering. The task involves locating the source code for a 'CLICK TO START' button and explaining its functionality without modifying any code. Successful completion of the assignment will influence the official start date and salary if hired, and applicants are encouraged to submit their progress regardless of completion status.

Uploaded by

spamname89
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
5 views4 pages

Frontend Engineer Evaluation Task

Eagle 3D Streaming has provided a technical evaluation task for applicants to the Frontend Engineer position, focusing on understanding DOM structure, navigating frontend codebases, and debugging client-side rendering. The task involves locating the source code for a 'CLICK TO START' button and explaining its functionality without modifying any code. Successful completion of the assignment will influence the official start date and salary if hired, and applicants are encouraged to submit their progress regardless of completion status.

Uploaded by

spamname89
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

Frontend Engineer Task

Eagle 3D Streaming – Technical Evaluation

📝 Overview
Thank you for applying to the Frontend Engineer position at Eagle 3D Streaming.

As part of our technical evaluation process, we’ve prepared a short investigation task based on
a real-world open-source project. This task will help us assess your ability to:

●​ Understand DOM structure​

●​ Navigate and explore frontend codebases​

●​ Debug and explain client-side rendering behavior

Reward: If you successfully complete this assignment and are hired, your official start
date—and salary—will be counted from the day you begin working on this assignment.​

🔧 Project Setup Instructions


1.​ Download the repository:​
[Link]
​

2.​ Extract the downloaded repository on your local machine.

3.​ Navigate to the following directory:​

PixelStreamingInfrastructure-UE5.5 > SignallingWebServer > platform_scripts > cmd


4.​ Run [Link] by double-clicking it.​

5.​ Open your browser and go to: [Link]

6.​ You should see a “CLICK TO START” button on the page.

​
You can also refer to this video for a walkthrough of the setup:

Project Setup Video (Google Drive)

📝 Note: These setup steps are for Windows. If you are using Linux or macOS,
please follow the platform-specific instructions in the repository’s README file.

📌 Task Description
You are not required to write or modify code. This is a code investigation task only.

🔍 Task 1: Locate the Button Source Code


●​ Identify the file(s) & source code where the “CLICK TO START” button is defined.​

●​ Mention the exact file path(s) inside the project where this button is implemented or
rendered.​

●​ 💡 Hint: Check inside the Frontend folder.​


🧠 Task 2: Explain How It Works
●​ How is the button constructed and displayed in the browser from the codebase? ​

●​ How does the build or packaging process produce the final file(s) that render the button
in the browser.​

●​ What functions or event listeners are responsible for the button’s behavior?​

✅ What to Submit
Please provide a short write-up in Markdown, PDF, or Word format that includes:

●​ File locations for the "CLICK TO START" button.​

●​ An explanation of how it’s rendered and behaves in the browser.​


●​ A brief overview of the code behavior, such as:​

○​ What event is triggered on click?​

○​ Where is the click handler defined?​

○​ How does it tie into the WebRTC or streaming logic?​

●​ Your Telegram number so we can reach out to you directly in case we have questions
regarding your submission.

⏱️ Time Expectation
There is no strict deadline, but early submissions will be prioritized for the next stage of the
interview process.

If you're unable to complete all tasks, feel free to submit whatever progress you’ve made —
we sincerely appreciate your effort. Even if you find the solution after a year, please submit it —
we’re always open to connecting with talented engineers.

📬 How to Submit
Send your completed task to us via reply to this email.

Reward: If you successfully complete this assignment and are hired, your official start
date—and salary—will be counted from the day you begin working on this assignment.

🙏 Final Notes
If you have any questions or run into any issues during the investigation, feel free to reach out at
support@[Link]

Thank you again for your interest in joining Eagle 3D Streaming. We look forward to your
submission!

You might also like