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

Welcome to Scribd!

  • Wishup Frontend Assignment: Objective

    Uploaded by

    Sudhanshu Gautam
    314 views2 pages
    This document outlines an assignment to design a sample front end application for a Request Dashboard. The application should allow users to create and update requests by filling out a form in a modal dialog. When creating or updating a request, the form should dynamically change based on the selected category to include additional required fields. The submission will be graded based on the UI/UX, code quality, readability, structure, and modularity.

    Original Description:

    Sample Assignment for angular app.

    Original Title

    Assignment

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document outlines an assignment to design a sample front end application for a Request Dashboard. The application should allow users to create and update requests by filling out a form in a modal dialog. When creating or updating a request, the form should dynamically change based on the selected category to include additional required fields. The submission will be graded based on the UI/UX, code quality, readability, structure, and modularity.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    314 views2 pages

    Wishup Frontend Assignment: Objective

    Uploaded by

    Sudhanshu Gautam
    This document outlines an assignment to design a sample front end application for a Request Dashboard. The application should allow users to create and update requests by filling out a form in a modal dialog. When creating or updating a request, the form should dynamically change based on the selected category to include additional required fields. The submission will be graded based on the UI/UX, code quality, readability, structure, and modularity.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 2

    Wishup

    Frontend Assignment

    Objective:

    Design a sample front end application for Request Dashboard.

    Problem Statement:
    1. Create a web page with a button 'Create Request' & also a list showing requests created
    so far.
    2. On click 'Create Request', open a modal dialog where user will be given an empty form to
    input all the fields to create a new request. Once request is created, it should be populated
    in the list present in homepage.
    3. User should be able to click any existing request, which will again open a modal dialog but
    with all the fields pre-filled as per the clicked request. On submit, that particular request
    should get updated.

    Input Form Details:

    Refer to Request schema which lists all the fields present in a request. Following fields need
    special attention:
    1. chatOperatorId/ofOperatorId - User can only select one of the operators from a given
    drop down list of operators. Since this list will be very large, user should be able to filter the
    operator by typing some text.
    (Refer to ops list in InputData.txt)
    2. categoryId - Same as operators, there is a long list of category. User should be able to
    select a category with ease.
    3. categoryField - Each category has InputFields associated with it (refer to InputData.txt). As
    soon as user selects a category, form should dynamically create some more fields to input
    these InputFields.

    Example: On selecting "Food" as category, input form should get modified so as to take 3
    extra input fields {preference;contact_number;payment_option;} from user. In this case
    request object will look something like this:

    reqObject :{
    categoryId : "Food",
    categoryField : {

    preference : xyz,

    contact_number : 99999999,

    payment_option : abc

    }
    requestDescr : "sample"
    }

    4. paymentMode/status: input as dropDown field with values as mentioned in 'possible
    Values'. To be saved as string.

    Request Schema

    Refer to requestSchema.txt


    How will the assignment be graded?

    - Intuitive UI/UX.
    - Code Quality: Code Readability and structuring.
    - Modular Code.

    Time Duration: 1 day.

    Submission:

    Share the frontend web app and sample data it works with.

    If you have any other doubts, drop a mail to ashish.pal@wishup.in.

    You might also like