Scribd
Upload
86 views

Iconnect Test - MERN Stack-Freshers-v4.0

The document outlines a hack round problem statement for building a simple CRUD application with a MERN/MEAN stack. The problem involves creating an API in Node.js/Express to manage data in MongoDB/MySQL, and a UI using React/Redux. Key requirements include listing/searching/sorting data, adding/editing forms with validation, and integrating it all with pagination. Developers have 24 hours to build and commit the solution to a GitHub repo, following best practices for modular code, React components, and UI design. Their work will be evaluated based on the criteria provided.

Uploaded by

G.Chaitanya Kiran
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
86 views

Iconnect Test - MERN Stack-Freshers-v4.0

The document outlines a hack round problem statement for building a simple CRUD application with a MERN/MEAN stack. The problem involves creating an API in Node.js/Express to manage data in MongoDB/MySQL, and a UI using React/Redux. Key requirements include listing/searching/sorting data, adding/editing forms with validation, and integrating it all with pagination. Developers have 24 hours to build and commit the solution to a GitHub repo, following best practices for modular code, React components, and UI design. Their work will be evaluated based on the criteria provided.

Uploaded by

G.Chaitanya Kiran
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

HACK ROUND STATEMENT

MEAN/MERN STACK

Team HR
[email protected]
HACK ROUND STATEMENT

This document outlines the hack statement and evaluation details for Hack round for Freshers
with MERN/MEAN knowledge.

V4.0
HACK ROUND STATEMENT

<Please fill in the details in the sections provided below before submitting this document back to
HR>
Candidate Details
Name Email ID Mobile

Problem Statement
We are creating a simple CRUD application.

API written in NodeJS & express js

UI written in ReactJS & redux.

1. List page is shown first, with no data and pagination. 5 rows per page.

2. Each column of the list is sortable asc/desc with arrows next to them

3. There is a search text box above the table for searching using name

4. The table must be paginated with pagination control at the bottom on the list.

5. Sort, search and pagination must work with each other. (After search if I click to go to
next page, my search should not go away)

6. Same way after sort if I go to next page sort should not go away.

7. Each row has an edit button and above the table there is add button to add a new row.

8. When user clicks add button

9. Create a form with following fields

i. Company Name

ii. Company description - big multiline description is possible

iii. Contact number

iv. Contact Email

v. Logo upload

vi. State- list of at least 3 states

vii. City - for each state above, at least 3 cities. (On change of state , corresponding cities
should display)

viii. Submit button, which will do validations for above data. All fields are mandatory
HACK ROUND STATEMENT

10. When form is submitted to an API (which you have to write)

i. It saves all data to MongoDB or Mysql DB

ii. Couple of validations on API side are also expected (e.g. company name should be
unique, Email should be unique as well)

11. If API throws a validation error, it should show up on the ReactJS UI form and all
previously filled values must retain.

12. User can then change the value in problem and submit again.
13. Once edit / add is successful List page should be shown again.

Evaluation Criteria
i. A web application has to be written with following specification.
ii. All code must be committed to GitHub.
iii. We expect multiple commits/push to GitHub while doing this assignment.
iv. Writing modular code is important
v. Writing good components in react is important.
vi. Descent look and feel is required. Preferably using Bootstrap framework.

Timeline
24 hrs

Git Repo

Understanding of the problem

Approach

Positive and Negative Test Cases

You might also like