Using React and Flux architecture render App with these pages:

• Browse - all the items on the page, browse example
• Item - detail page with more info about the item, item example

Server side notes

Steps to run local server:

• npm install
• npm run dev

At this point you should be able to access localhost:3001 in your browser.

Client side notes

Page entry JavaScript files are located in app/entries folder.

Webpack will compile all your CSS and JS assets.

Requirements

Browse page:

• Fetch items data from server side using this endpoint: [GET] /items/data
• Render items, example layout
• Add Load More button, which should fetch additional items from the same endpoint

Item page:

• Fetch item data from server side using this endpoint: [GET] /item/{id}/data
• Render item, example layout

Bonus points:

• Add item favoriting:
  • Item can be added and removed to/from favorites from both pages by clicking on the heart icon
  • Its up to you were you store the data about favorited items (server, db, browser, file or your own solution)
  • Examples: favorite on browse and favorite on item
• Client side routing: navigating through the app should work using browser history - single page application

CSS:

• You can use any framework or just write your own styles. Don't need to totally match given examples

Tips

• You can use Redux or any other Flux framework
• You can use ES6 as Babel is integrated too
• You can change Webpack/Node configs as you like

Run the app

Steps to install dependencies

• npm install
• bower install

Steps to run local server

• npm run dev

Steps to run webpack-dev-server

• npm start

Check http://localhost{:target="_blank"}