0% found this document useful (0 votes)
24 views1 page

Duration: 1 Hour The Objective Is To Create A Simple Table With Dynamically Update The Table Rows by Given Number of Lines

The document outlines requirements for a web application that allows users to upload text files and display the contents in a dynamically updating table. The application must allow setting delimiters and number of lines to display from the uploaded file. It should use React for the UI and Node to read the file. Bonus points include making the file draggable and adding unit tests. The focus is on getting the core functionality of file upload, parsing, and dynamic table updating working.

Uploaded by

Naresh Kanigiri
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
24 views1 page

Duration: 1 Hour The Objective Is To Create A Simple Table With Dynamically Update The Table Rows by Given Number of Lines

The document outlines requirements for a web application that allows users to upload text files and display the contents in a dynamically updating table. The application must allow setting delimiters and number of lines to display from the uploaded file. It should use React for the UI and Node to read the file. Bonus points include making the file draggable and adding unit tests. The focus is on getting the core functionality of file upload, parsing, and dynamic table updating working.

Uploaded by

Naresh Kanigiri
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Duration: 1 Hour

The Objective is to create a simple table with dynamically update the table rows by given
number of lines.

1. The application should have the following functionality.


a. File upload button which in turn read the uploaded file (ex .txt file)
b. Once the file has been uploaded, read the file and display on a table based on
filters.
c. The filters are delimiters and number of lines to be displayed on table.
d. The table columns are fixed to 4.
e. the default delimiter is “,” and default table number are ‘2’
f. the filters can be changeable by using the two input options above the table
one for delimiters and one for number of table lines.
g. If the user changes the filter value the table should be updated.
2. Use React JS library for UI and Node JS for reading the file.
3. Bonus points:
a. Make the file draggable.
b. Unit Testing
4. Focus on getting the entire flow working - edge cases / bonus items are less
important.

Example:

Sample.txt

Jim Smith|123 Any Street|Boston|US|02134


Jane Lee|248 Another St.|Boston|US|02130

Output:

Delimiter: | Lines: 2

Jim Smith 123 Any Street Boston US 02134


Jane Lee 248 Another St Boston US 02130

You might also like