Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
60 views

Assignments For Frontend Component Developer Intern

Uploaded by

shahnawaz sazid
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
60 views

Assignments For Frontend Component Developer Intern

Uploaded by

shahnawaz sazid
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Objective: To assess the candidate’s ability to develop and maintain reusable UI components in

React, collaborate with designers, handle state management, and debug frontend issues.

Instructions with submission deadline: Complete the following tasks within a week. The day
will be counted from when you receive this question paper.

Before you begin let’s look into the Evaluation Criteria of the tasks:
● Code Quality: Clean, well-structured, component-driven UI, and follows best practices.
● Functionality: The components work as expected.
● Design: The components match the design specifications.
● State Management: Proper handling of React state.
● API Integration: Correctly fetching and displaying data from the REST API.
● Documentation: Clear and concise documentation.

Preferred traits of your code base that will put you ahead of the other candidates(Not a
must thing to do but It’ll strengthen your position from other shortlisted candidates):
● TypeScript: Using Typescript in the projects.
● NextJS: Not 100% preferred you can learn along the way but you can use that if you
want as It’s a production-grade React framework.
● Video Demo: Record your project demo with your voice. Upload it to your drive and
share the link.
Don’t hesitate to talk in the video. Use Bangla or English language for the video
presentation which you prefer.
● Git & GitHub: Using proper git commit convention and share using GitHub.

Submission process:
● Complete the coding tasks and share them using GitHub.
● Include the necessary information in the README.md file with the Video Demo Link.

Task 1: Create a responsive webpage:


The Figma design link:
https://www.figma.com/community/file/1112044135055056515
● Implement the design as shown in the template. Make it responsive for all the major
devices.
● Tech Stack: Nextjs/React, Typescript/JavaScript, Tailwind CSS, Shadcn/ui, and others if
necessary.

Task 2: Interacting with REST API (Bonus task for you to stand out from the crowd):
REST API documentation: https://jsonplaceholder.typicode.com/guide/
● Design based on your flavor.
● Your better design choice will catch our eye.
● Create components based on your understanding and design them with your choice.
● Tech Stack: Nextjs/React, Typescript/JavaScript, Tailwind CSS, Shadcn/ui, fetch/Axios,
and others if necessary.

You might also like