Frontend Assignment This repository contains the frontend code for the Panorbit Services LLP's assignment. The assignment involves creating a web application based on the provided design and instructions. The application displays user account information, profile details, posts, gallery, and to-do information, along with a chat box.
Table of Contents Introduction Design API Endpoints Instructions Deliverables Introduction The frontend assignment aims to analyze key parameters important to Panorbit Services LLP. It focuses on creating a functional prototype that meets the provided requirements and demonstrates coding proficiency, adherence to coding standards, attention to detail, and design implementation.
Design The design for the application can be found at Design URL. It includes layouts for the landing page, profile details screen, post details screen, gallery screen, and to-do screen.
API Endpoints USERS API Endpoint: https://panorbit.in/api/users.json Provides a list of users along with their details. Instructions To run the application, follow these steps:
Clone this repository to your local machine:
bash Copy code git clone https://github.com/Kirandn30/panorbiteassignment.git cd Frontend-Assignment Install any required dependencies. Make sure you have Node.js and npm installed.
Launch the application via the provided URL, which will display the landing page.
Landing Page The landing page displays a set of user account cards that are scrollable if the list exceeds the length. Clicking on an account card will navigate the user to the profile home page. Home Page / Profile Details Screen The profile home page consists of the following elements:
Profile Details Screen: Displays user profile details as shown in the design. Details are fetched from the USERS API endpoint.
Posts Details Screen: Displays a "Coming Soon" page.
Gallery Screen: Displays a "Coming Soon" page.
ToDo Screen: Displays a "Coming Soon" page.
Change/Add Profile Clicking on the profile account in the top right corner displays the logged-in user's profile picture, full name, username, and a list of other users' accounts with their profile pictures. Clicking the SignOut button redirects the user to the landing page. Chat The application includes a chat box as shown in the design.
Deliverables Source code, either in zip format or available via a GitHub link. Instructions to run the code. List of dependencies/requirements to run the code. For any inquiries, please contact Panorbit Services LLP representative at [email protected].
CONFIDENTIAL (c) Copyright @ Panorbit™ Services LLP