Create a React App with the help of this boilerplate code and render the list of online users on a separate page. The assignment is divided into three tasks. To read more about them, install the app as described below.

git clone https://github.com/iflylabs/react-semantic.ui-boilerplate.git
cd react-semantic.ui-boilerplate
npm install

###############################################################
npm run dev # run app in dev mode
###############################################################
npm run db  # run mock db for app(from another terminal/process -- without this app won't work)
###############################################################

After this go to http://localhost:3000 and enter username as test and password as test. You should be able to review all the three tasks subsequently.

Please mail us the assignment at [email protected] along with your resume.

You can store static assets (images, videos) in /static folder.

You can find it in webpack_config/config.js

Check src/common/routing/index.js. TL;DR: dynamic import().

Components inside containers/**/components are components that are required by container.

For example, Dashboard(container) has DashboardComponent(component). You can think about DashboardComponent as "Isolated component", it isn't used in app anywhere except own parent-container.

Components in components are components that:

1. Don't have own logic and connection with state (as opposite to containers)
2. Aren't "isolated".(!)

There are tests for actions and for reducers. Each reducer/action has own folder, where you can find:

1. Reducer/action itself.
2. Tests for it.

Have a question? Ask it. 😉

MIT