Scribd
Upload
42 views

React Task

The candidate has been assigned a task to build a web-based product feedback tool as part of the second round of the selection process. The tool should allow users to submit, view, and vote on feedback, and facilitate communication between users and the product team. It must include features like user authentication, feedback submission/listing/voting, commenting, notifications, admin controls, and responsiveness. The candidate has been asked to complete the task within 48 hours using technologies like React and share the GitHub repository link upon completion.

Uploaded by

ALI ASHAR
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
42 views

React Task

The candidate has been assigned a task to build a web-based product feedback tool as part of the second round of the selection process. The tool should allow users to submit, view, and vote on feedback, and facilitate communication between users and the product team. It must include features like user authentication, feedback submission/listing/voting, commenting, notifications, admin controls, and responsiveness. The candidate has been asked to complete the task within 48 hours using technologies like React and share the GitHub repository link upon completion.

Uploaded by

ALI ASHAR
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Dear ,

We are pleased to inform you that you have successfully passed the first round of
selection. Your qualifications and experience have impressed us and we look forward to
seeing your skills in action during the next round.

As a next step in the selection process, we are assigning you a task that is to be
completed as a component of the second round of selection.

Project Overview:

You are tasked with building a web-based Product Feedback Tool that allows users to
submit, view, and vote on product feedback. The tool should facilitate communication
between users and the product development team.

Technical Requirements:

User Authentication:

 Implement user authentication and authorization.


 Users should be able to register, log in, and log out.
 Only authenticated users should be able to submit feedback and vote on existing
feedback.

Feedback Submission:

 Create a user-friendly form for submitting feedback.


 Feedback should include a title, description, and a category (e.g., bug report,
feature request, improvement, etc.).
 Users should have the option to include attachments (e.g., screenshots, files).
 Implement validation to ensure required fields are filled out.

Feedback Listing:

 Display feedback items in a paginated list.


 Include filters for sorting and categorizing feedback.
 Each feedback item should display its title, category, vote count, and the user
who submitted it.

Feedback Voting:

 Allow users to upvote and downvote feedback items.


 Users can only vote once per feedback item.
 Implement a vote count to track the popularity of feedback items.

Commenting System:
 Enable users to leave comments on feedback items.
 Comments should include the user's name, date, and content.
 Implement basic formatting options (e.g., bold, italic, code blocks) for comments.

User Profiles:

 Create user profiles where users can view and edit their personal information
including name, email, password.
 Include a list of feedback items submitted by the user on their profile.

Notifications:

 Implement a notification system to inform users of updates to feedback items


(e.g., new comments, status changes).
 Notifications can be in-app or via email.

Admin Panel:

 Create an admin panel with appropriate authentication.


 Admins should be able to manage feedback items (edit, delete), categorize
feedback, and moderate comments.

Real-time Updates:

 Implement real-time updates for new feedback submissions, comments, and


votes using technologies like firebase.

Advanced Commenting Features:

 Allow users to mention other users in comments using the "@" symbol.
 Implement rich text editing options for comments (e.g., Markdown).

Search Functionality:

 Implement a search feature that allows users to find feedback items based on
keywords and filters.

User Experience (UX) Requirements:

 Ensure the tool is responsive and works well on both desktop and mobile
devices.
 Create an intuitive and user-friendly interface for users to navigate and interact
with the tool.
 Please upload the project to GitHub and share the GitHub public repository link
via email to
 You have the flexibility to select your preferred frontend technology from the
options of React.js .
 Make certain that the testing environment contains either mock data or a seed
script to facilitate straightforward testing and assessment.
 Be sure to include a README file that offers instructions on running the
application and includes any essential details.

We request that you review the task's instructions and requirements with due diligence, and
make every effort to submit the task within a 48-hour time frame. Should you have any
inquiries or need clarification about the task, please do not hesitate to contact us.

You might also like