Scribd
Upload
40 views

Frontend Assignment

The document provides instructions for a frontend assignment to build a prototype social media application. It outlines requirements like meeting specifications, writing clean code, following coding standards, and attention to detail. It details various screens and functionality needed, including a landing page with user profiles, an individual profile homepage, posts, gallery, todo screens, ability to change profile, and a chat feature. Applicants are to submit the source code, run instructions, and requirements.

Uploaded by

Apoorv
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
40 views

Frontend Assignment

The document provides instructions for a frontend assignment to build a prototype social media application. It outlines requirements like meeting specifications, writing clean code, following coding standards, and attention to detail. It details various screens and functionality needed, including a landing page with user profiles, an individual profile homepage, posts, gallery, todo screens, ability to change profile, and a chat feature. Applicants are to submit the source code, run instructions, and requirements.

Uploaded by

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

Frontend

Assignment
Instructions for the frontend assignment

ISSUED BY
Panorbit Services LLP

REPRESENTATIVE
[email protected]

CONFIDENTIAL Copyright @ Panorbit™ Services LLP


What are we looking for?

With this assignment we try to analyse few key parameters that are important to our
organisation. Before you start writing the code, please keep the following points in mind.

We are looking for:


1. Of course, a working prototype with all the requirements met
2. Ability to write bug free code in given amount of time
3. Coding standards. The way you write the code, indentations, comments, naming
discipline etc
4. Attention to details.

Design
DESIGN URL : https://xd.adobe.com/view/68404abc-8176-4529-aa55-
fbea81ff4a60-3d13/?fullscreen

API Endpoints
1. USERS API endpoint: https://panorbit.in/api/users.json
List of users along with their details

CONFIDENTIAL ( 1) Copyright @ Panorbit™ Services LLP


Instructions to follow
Application must be launched via URL which will display a landing page

Landing Page
1. Landing page should consist a set of users account list in a card which is scrollable
on exceeding the length of list.
2. On selecting an account, user must be goto pro le home page

Home Page / Pro le Details Screen


Pro le home page must consist of following elements.
1. Pro le Details Screen
2. Posts Details Screen
3. Gallery Screen
4. ToDo Screen

By default user home page should be “Pro le Page” which consist of details of the user
as shown in the design. You will get these details in the USERS API endpoint.

Post Details Screen


Display a coming soon page

Gallery Screen
Display a coming soon page

ToDo Screen
Display a coming soon page

Change/Add Pro le
Following details will be displayed when user click on pro le account in right top corner
of the page (See design)

CONFIDENTIAL ( 2) Copyright @ Panorbit™ Services LLP


fi
fi
fi
fi
fi
fi
fi
1. Pro le Picture of logged in user
2. Logged-in member full name and username
3. List of other users account [along with pro le picture] and user name
4. Clicking SignOut button must redirect to Landing page.

Chat
Chat box as shown in the design.

Deliverables

1. Source code, either in zip format or a GitHub link


2. Instructions to run the code
3. List of dependencies/requirements to run the code

CONFIDENTIAL ( 3) Copyright @ Panorbit™ Services LLP


fi
fi

You might also like