diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 58d7b84..a966925 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,39 +2,27 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="fbfc7658-0e79-45bf-b587-a6e48a0003d0" name="Default" comment="">
-      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/semantic/src/themes/material/assets/fonts/icons.woff2" />
-      <change type="DELETED" beforePath="$PROJECT_DIR$/npm-debug.log" afterPath="" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/src/actions/actionCreators.js" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/src/constants/actionTypes/actionTypes.js" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/src/containers/BlogListContainer.js" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/src/containers/LikeContainer.js" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/src/containers/PieChartContainer.js" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/src/containers/PageContainer.js" afterPath="" />
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic.json" afterPath="$PROJECT_DIR$/semantic.json" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/behaviors/form.js" afterPath="$PROJECT_DIR$/semantic/src/definitions/behaviors/form.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/collections/form.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/collections/form.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/collections/menu.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/collections/menu.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/collections/message.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/collections/message.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/collections/table.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/collections/table.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/elements/icon.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/elements/icon.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/elements/input.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/elements/input.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/elements/segment.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/elements/segment.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/elements/step.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/elements/step.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/globals/site.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/globals/site.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/dimmer.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/dimmer.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/dropdown.js" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/dropdown.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/dropdown.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/dropdown.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/modal.js" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/modal.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/modal.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/modal.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/popup.js" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/popup.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/search.js" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/search.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/sidebar.js" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/sidebar.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/sidebar.less" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/sidebar.less" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/definitions/modules/sticky.js" afterPath="$PROJECT_DIR$/semantic/src/definitions/modules/sticky.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/themes/default/elements/header.variables" afterPath="$PROJECT_DIR$/semantic/src/themes/default/elements/header.variables" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/themes/default/elements/list.variables" afterPath="$PROJECT_DIR$/semantic/src/themes/default/elements/list.variables" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/themes/default/globals/reset.overrides" afterPath="$PROJECT_DIR$/semantic/src/themes/default/globals/reset.overrides" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/themes/default/globals/site.variables" afterPath="$PROJECT_DIR$/semantic/src/themes/default/globals/site.variables" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/themes/default/modules/dropdown.variables" afterPath="$PROJECT_DIR$/semantic/src/themes/default/modules/dropdown.variables" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/src/themes/default/modules/modal.variables" afterPath="$PROJECT_DIR$/semantic/src/themes/default/modules/modal.variables" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/tasks/config/project/install.js" afterPath="$PROJECT_DIR$/semantic/tasks/config/project/install.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/tasks/config/tasks.js" afterPath="$PROJECT_DIR$/semantic/tasks/config/tasks.js" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/semantic/tasks/install.js" afterPath="$PROJECT_DIR$/semantic/tasks/install.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/actions/Post.js" afterPath="$PROJECT_DIR$/src/actions/Post.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/actions/Posts.js" afterPath="$PROJECT_DIR$/src/actions/Posts.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/BlogPage.js" afterPath="$PROJECT_DIR$/src/components/BlogPage.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/BlogPost.js" afterPath="$PROJECT_DIR$/src/components/BlogPost.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/widgets/blog/BlogItem.js" afterPath="$PROJECT_DIR$/src/components/widgets/blog/BlogItem.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/widgets/blog/BlogList.js" afterPath="$PROJECT_DIR$/src/components/widgets/blog/BlogList.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/widgets/blog/PieChart.js" afterPath="$PROJECT_DIR$/src/components/widgets/blog/PieChart.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/widgets/blog/elements/Like.js" afterPath="$PROJECT_DIR$/src/components/widgets/blog/elements/Like.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/constants/actionTypes/PostActionTypes.js" afterPath="$PROJECT_DIR$/src/constants/actionTypes/PostActionTypes.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/constants/actionTypes/PostsActionTypes.js" afterPath="$PROJECT_DIR$/src/constants/actionTypes/PostsActionTypes.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/containers/PostContainer.js" afterPath="$PROJECT_DIR$/src/containers/PostContainer.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/reducers/Post.js" afterPath="$PROJECT_DIR$/src/reducers/Post.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/reducers/Posts.js" afterPath="$PROJECT_DIR$/src/reducers/Posts.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/routes/Blog.js" afterPath="$PROJECT_DIR$/src/routes/Blog.js" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -48,22 +36,14 @@
   </component>
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file leaf-file-name="README.md" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/README.md">
+      <file leaf-file-name="BlogItem.js" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/BlogItem.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="51">
-              <caret line="3" column="0" lean-forward="false" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name=".gitignore" pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/.gitignore">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="34">
-              <caret line="2" column="0" lean-forward="false" selection-start-line="2" selection-start-column="0" selection-end-line="2" selection-end-column="0" />
-              <folding />
+            <state relative-caret-position="553">
+              <caret line="37" column="24" lean-forward="true" selection-start-line="37" selection-start-column="24" selection-end-line="37" selection-end-column="24" />
+              <folding>
+                <element signature="e#0#39#0" expanded="true" />
+              </folding>
             </state>
           </provider>
         </entry>
@@ -90,6 +70,7 @@
       <find>index</find>
       <find>fetchLikes</find>
       <find>Link</find>
+      <find>id</find>
     </findStrings>
   </component>
   <component name="Git.Settings">
@@ -98,53 +79,57 @@
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
-        <option value="$PROJECT_DIR$/README.md" />
-        <option value="$PROJECT_DIR$/lesson1/BlogList.js" />
-        <option value="$PROJECT_DIR$/lesson1/Image.js" />
-        <option value="$PROJECT_DIR$/lesson1/TextBox.js" />
-        <option value="$PROJECT_DIR$/lesson1/BlogItem.js" />
-        <option value="$PROJECT_DIR$/lesson1/BlogPage.js" />
-        <option value="$PROJECT_DIR$/components/Image.js" />
-        <option value="$PROJECT_DIR$/components/TextBox.js" />
-        <option value="$PROJECT_DIR$/components/MetaInfo.js" />
-        <option value="$PROJECT_DIR$/components/Like.js" />
-        <option value="$PROJECT_DIR$/components/BlogItem.js" />
-        <option value="$PROJECT_DIR$/components/BlogList.js" />
-        <option value="$PROJECT_DIR$/components/PieChart.js" />
-        <option value="$PROJECT_DIR$/components/BlogPage.js" />
-        <option value="$PROJECT_DIR$/.gitignore" />
-        <option value="$PROJECT_DIR$/.babelrc" />
-        <option value="$PROJECT_DIR$/dist/bundle.js" />
-        <option value="$PROJECT_DIR$/src/helpers/date.js" />
         <option value="$PROJECT_DIR$/src/constants/dateFormat.js" />
-        <option value="$PROJECT_DIR$/src/index.js" />
-        <option value="$PROJECT_DIR$/src/components/widgets/blog/PieChart.js" />
         <option value="$PROJECT_DIR$/src/components/widgets/blog/elements/Image.js" />
         <option value="$PROJECT_DIR$/src/components/widgets/blog/elements/TextBox.js" />
         <option value="$PROJECT_DIR$/src/routes/index.js" />
-        <option value="$PROJECT_DIR$/src/App.js" />
         <option value="$PROJECT_DIR$/src/constants/static/blogItems.js" />
         <option value="$PROJECT_DIR$/initializers/server/index.js" />
-        <option value="$PROJECT_DIR$/src/components/widgets/blog/elements/Like.js" />
         <option value="$PROJECT_DIR$/src/components/widgets/blog/elements/MetaInfo.js" />
         <option value="$PROJECT_DIR$/src/components/widgets/blog/elements/Link.js" />
         <option value="$PROJECT_DIR$/src/helpers/history.js" />
-        <option value="$PROJECT_DIR$/package.json" />
         <option value="$PROJECT_DIR$/src/helpers/dataRequest.js" />
-        <option value="$PROJECT_DIR$/index.html" />
         <option value="$PROJECT_DIR$/webpack.config.js" />
         <option value="$PROJECT_DIR$/src/components/Post.js" />
         <option value="$PROJECT_DIR$/.eslintrc.js" />
-        <option value="$PROJECT_DIR$/src/components/widgets/blog/BlogList.js" />
-        <option value="$PROJECT_DIR$/src/components/widgets/blog/BlogItem.js" />
         <option value="$PROJECT_DIR$/src/helpers/routes/index.js" />
-        <option value="$PROJECT_DIR$/src/components/BlogPage.js" />
         <option value="$PROJECT_DIR$/src/helpers/like.js" />
         <option value="$PROJECT_DIR$/src/helpers/rest.js" />
         <option value="$PROJECT_DIR$/src/components/layouts/MainLayout.js" />
         <option value="$PROJECT_DIR$/src/components/widgets/blog/elements/Title.js" />
-        <option value="$PROJECT_DIR$/src/components/BlogPost.js" />
+        <option value="$PROJECT_DIR$/README.md" />
+        <option value="$PROJECT_DIR$/src/reducers/index.js" />
+        <option value="$PROJECT_DIR$/src/index.js" />
+        <option value="$PROJECT_DIR$/src/constants/API.js" />
+        <option value="$PROJECT_DIR$/package.json" />
+        <option value="$PROJECT_DIR$/src/helpers/prepareData.js" />
+        <option value="$PROJECT_DIR$/index.html" />
+        <option value="$PROJECT_DIR$/src/App.js" />
+        <option value="$PROJECT_DIR$/src/store/index.js" />
+        <option value="$PROJECT_DIR$/src/containers/DevTools.js" />
+        <option value="$PROJECT_DIR$/src/containers/PostsContainer.js" />
+        <option value="$PROJECT_DIR$/src/components/elements/Spinner.js" />
+        <option value="$PROJECT_DIR$/src/components/elements/Error.js" />
+        <option value="$PROJECT_DIR$/src/constants/actionTypes/PostActionTypes.js" />
+        <option value="$PROJECT_DIR$/src/constants/actionTypes/PostsActionTypes.js" />
+        <option value="$PROJECT_DIR$/src/actions/Post.js" />
+        <option value="$PROJECT_DIR$/src/actions/Posts.js" />
+        <option value="$PROJECT_DIR$/src/constants/actionTypes/actionTypes.js" />
+        <option value="$PROJECT_DIR$/src/reducers/Posts.js" />
+        <option value="$PROJECT_DIR$/src/actions/actionCreators.js" />
+        <option value="$PROJECT_DIR$/src/reducers/Post.js" />
+        <option value="$PROJECT_DIR$/src/containers/PieChartContainer.js" />
+        <option value="$PROJECT_DIR$/src/components/widgets/blog/PieChart.js" />
         <option value="$PROJECT_DIR$/src/routes/Blog.js" />
+        <option value="$PROJECT_DIR$/src/components/BlogPage.js" />
+        <option value="$PROJECT_DIR$/src/containers/PageContainer.js" />
+        <option value="$PROJECT_DIR$/src/containers/PostContainer.js" />
+        <option value="$PROJECT_DIR$/src/components/BlogPost.js" />
+        <option value="$PROJECT_DIR$/src/containers/BlogListContainer.js" />
+        <option value="$PROJECT_DIR$/src/components/widgets/blog/BlogList.js" />
+        <option value="$PROJECT_DIR$/src/containers/LikeContainer.js" />
+        <option value="$PROJECT_DIR$/src/components/widgets/blog/BlogItem.js" />
+        <option value="$PROJECT_DIR$/src/components/widgets/blog/elements/Like.js" />
       </list>
     </option>
   </component>
@@ -164,10 +149,10 @@
   <component name="NodeModulesDirectoryManager">
     <handled-path value="$PROJECT_DIR$/node_modules" />
   </component>
-  <component name="ProjectFrameBounds" extendedState="1">
+  <component name="ProjectFrameBounds" extendedState="6">
     <option name="x" value="-8" />
     <option name="y" value="-8" />
-    <option name="width" value="1378" />
+    <option name="width" value="1382" />
     <option name="height" value="744" />
   </component>
   <component name="ProjectView">
@@ -185,7 +170,6 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
-      <pane id="Scratches" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -196,12 +180,34 @@
             <path>
               <item name="React-Blog" type="b2602c69:ProjectViewProjectNode" />
               <item name="React-Blog" type="462c0819:PsiDirectoryNode" />
-              <item name="semantic" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="React-Blog" type="b2602c69:ProjectViewProjectNode" />
+              <item name="React-Blog" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="components" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="React-Blog" type="b2602c69:ProjectViewProjectNode" />
+              <item name="React-Blog" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="components" type="462c0819:PsiDirectoryNode" />
+              <item name="widgets" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="React-Blog" type="b2602c69:ProjectViewProjectNode" />
+              <item name="React-Blog" type="462c0819:PsiDirectoryNode" />
+              <item name="src" type="462c0819:PsiDirectoryNode" />
+              <item name="components" type="462c0819:PsiDirectoryNode" />
+              <item name="widgets" type="462c0819:PsiDirectoryNode" />
+              <item name="blog" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
         </subPane>
       </pane>
+      <pane id="Scratches" />
       <pane id="Scope" />
     </panes>
   </component>
@@ -395,41 +401,46 @@
       <workItem from="1509449923039" duration="306000" />
       <workItem from="1509451179569" duration="678000" />
       <workItem from="1510228498453" duration="351000" />
+      <workItem from="1510313716360" duration="19240000" />
+      <workItem from="1510396233991" duration="133000" />
+      <workItem from="1510523378037" duration="284000" />
+      <workItem from="1510566835868" duration="12252000" />
+      <workItem from="1510593444411" duration="8711000" />
+      <workItem from="1510653141916" duration="7034000" />
+      <workItem from="1510743738832" duration="6036000" />
+      <workItem from="1510755423191" duration="179000" />
+      <workItem from="1510910713787" duration="8525000" />
+      <workItem from="1511004656662" duration="1399000" />
+      <workItem from="1511082060033" duration="655000" />
+      <workItem from="1511172450877" duration="13811000" />
+      <workItem from="1511256538643" duration="1756000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="266344000" />
+    <option name="totallyTimeSpent" value="350078000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-8" y="-8" width="1378" height="744" extended-state="0" />
+    <frame x="-8" y="-8" width="1382" height="744" extended-state="6" />
+    <editor active="true" />
     <layout>
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25373134" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24158126" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.3289689" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
-      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33060557" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33060557" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.24962178" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.3371522" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
-      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.28548896" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
-      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
-      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.3289689" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
-      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33060557" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
-      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Mongo Explorer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.19667171" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.26022914" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25373134" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.3289689" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.24962178" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
-      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
     </layout>
     <layout-to-restore>
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
@@ -438,17 +449,17 @@
       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.3289689" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
-      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33060557" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33060557" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.30441898" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
       <window_info id="Mongo Explorer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.19667171" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.26022914" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25417298" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24181548" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
       <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.3289689" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.24962178" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
     </layout-to-restore>
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -459,125 +470,120 @@
   </component>
   <component name="XDebuggerManager">
     <breakpoint-manager>
-      <option name="time" value="12" />
+      <option name="time" value="14" />
     </breakpoint-manager>
     <watches-manager />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/README.md">
+    <entry file="file://$PROJECT_DIR$/initializers/server/index.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="51">
-          <caret line="3" column="0" lean-forward="true" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
+        <state relative-caret-position="340">
+          <caret line="20" column="0" lean-forward="false" selection-start-line="20" selection-start-column="0" selection-end-line="20" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/components/BlogItem.js" />
-    <entry file="file://$PROJECT_DIR$/README.md">
+    <entry file="file://$PROJECT_DIR$/src/routes/index.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="0">
-          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        <state relative-caret-position="85">
+          <caret line="5" column="0" lean-forward="false" selection-start-line="5" selection-start-column="0" selection-end-line="5" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/README.md">
+    <entry file="file://$PROJECT_DIR$/semantic/gulpfile.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="0">
           <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/components/Image.js" />
-    <entry file="file://$PROJECT_DIR$/components/TextBox.js" />
-    <entry file="file://$PROJECT_DIR$/components/MetaInfo.js" />
-    <entry file="file://$PROJECT_DIR$/components/Like.js" />
-    <entry file="file://$PROJECT_DIR$/components/BlogItem.js" />
-    <entry file="file://$PROJECT_DIR$/components/BlogList.js" />
-    <entry file="file://$PROJECT_DIR$/components/PieChart.js" />
-    <entry file="file://$PROJECT_DIR$/components/BlogPage.js" />
-    <entry file="file://$PROJECT_DIR$/dist/images/wonder_woman2017.jpg">
-      <provider selected="true" editor-type-id="images">
-        <state />
+    <entry file="file://$PROJECT_DIR$/.gitignore">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="34">
+          <caret line="2" column="0" lean-forward="false" selection-start-line="2" selection-start-column="0" selection-end-line="2" selection-end-column="0" />
+        </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/dist/images/valerian.jpg">
-      <provider selected="true" editor-type-id="images">
-        <state />
+    <entry file="file://$PROJECT_DIR$/README.md">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="187">
+          <caret line="11" column="16" lean-forward="false" selection-start-line="11" selection-start-column="16" selection-end-line="11" selection-end-column="16" />
+        </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/dist/images/the_mummy2017.jpg">
-      <provider selected="true" editor-type-id="images">
-        <state />
+    <entry file="file://$PROJECT_DIR$/src/reducers/index.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="153">
+          <caret line="9" column="0" lean-forward="true" selection-start-line="9" selection-start-column="0" selection-end-line="9" selection-end-column="0" />
+        </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/npm-debug.log" />
-    <entry file="file://$PROJECT_DIR$/dist/bundle.js" />
-    <entry file="file://$PROJECT_DIR$/semantic.json">
+    <entry file="file://$PROJECT_DIR$/src/constants/dateFormat.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="0">
-          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        <state relative-caret-position="17">
+          <caret line="1" column="0" lean-forward="true" selection-start-line="1" selection-start-column="0" selection-end-line="1" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/README.md">
+    <entry file="file://$PROJECT_DIR$/src/constants/API.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="51">
-          <caret line="3" column="0" lean-forward="false" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
-          <folding />
+        <state relative-caret-position="17">
+          <caret line="1" column="0" lean-forward="true" selection-start-line="1" selection-start-column="0" selection-end-line="1" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/favicon.ico">
-      <provider selected="true" editor-type-id="images">
-        <state />
+    <entry file="file://$PROJECT_DIR$/package.json">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="567">
+          <caret line="53" column="28" lean-forward="true" selection-start-line="53" selection-start-column="28" selection-end-line="53" selection-end-column="28" />
+        </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/PieChart.js">
+    <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="243">
-          <caret line="32" column="22" lean-forward="true" selection-start-line="32" selection-start-column="22" selection-end-line="32" selection-end-column="22" />
+        <state relative-caret-position="272">
+          <caret line="16" column="0" lean-forward="true" selection-start-line="16" selection-start-column="0" selection-end-line="16" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/elements/TextBox.js">
+    <entry file="file://$PROJECT_DIR$/src/index.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="272">
-          <caret line="16" column="24" lean-forward="true" selection-start-line="16" selection-start-column="24" selection-end-line="16" selection-end-column="24" />
+        <state relative-caret-position="238">
+          <caret line="14" column="2" lean-forward="true" selection-start-line="14" selection-start-column="2" selection-end-line="14" selection-end-column="2" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/elements/Like.js">
+    <entry file="file://$PROJECT_DIR$/src/containers/DevTools.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="293">
-          <caret line="35" column="0" lean-forward="true" selection-start-line="35" selection-start-column="0" selection-end-line="35" selection-end-column="0" />
+        <state relative-caret-position="170">
+          <caret line="10" column="32" lean-forward="false" selection-start-line="10" selection-start-column="32" selection-end-line="10" selection-end-column="32" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/elements/MetaInfo.js">
+    <entry file="file://$PROJECT_DIR$/src/store/index.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="223">
-          <caret line="30" column="39" lean-forward="false" selection-start-line="30" selection-start-column="39" selection-end-line="30" selection-end-column="39" />
+        <state relative-caret-position="238">
+          <caret line="14" column="0" lean-forward="true" selection-start-line="14" selection-start-column="0" selection-end-line="14" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/constants/static/blogItems.js" />
-    <entry file="file://$PROJECT_DIR$/.eslintrc.js">
+    <entry file="file://$PROJECT_DIR$/src/helpers/prepareData.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1139">
-          <caret line="67" column="30" lean-forward="true" selection-start-line="67" selection-start-column="30" selection-end-line="67" selection-end-column="30" />
+        <state relative-caret-position="238">
+          <caret line="16" column="0" lean-forward="true" selection-start-line="16" selection-start-column="0" selection-end-line="16" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/elements/Image.js">
+    <entry file="file://$PROJECT_DIR$/node_modules/lodash/util.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-80">
-          <caret line="0" column="44" lean-forward="false" selection-start-line="0" selection-start-column="44" selection-end-line="0" selection-end-column="44" />
+        <state relative-caret-position="-91">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/helpers/like.js">
+    <entry file="file://$PROJECT_DIR$/src/helpers/date.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="68">
-          <caret line="5" column="0" lean-forward="false" selection-start-line="5" selection-start-column="0" selection-end-line="5" selection-end-column="0" />
+        <state relative-caret-position="85">
+          <caret line="6" column="0" lean-forward="true" selection-start-line="6" selection-start-column="0" selection-end-line="6" selection-end-column="0" />
         </state>
       </provider>
     </entry>
@@ -588,161 +594,260 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/helpers/rest.js">
+    <entry file="file://$PROJECT_DIR$/src/helpers/like.js" />
+    <entry file="file://$PROJECT_DIR$/src/helpers/rest.js" />
+    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/elements/Image.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="187">
-          <caret line="11" column="16" lean-forward="false" selection-start-line="11" selection-start-column="16" selection-end-line="11" selection-end-column="16" />
+        <state relative-caret-position="0">
+          <caret line="0" column="44" lean-forward="false" selection-start-line="0" selection-start-column="44" selection-end-line="0" selection-end-column="44" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/index.html">
+    <entry file="file://$PROJECT_DIR$/src/App.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="255">
-          <caret line="15" column="0" lean-forward="false" selection-start-line="15" selection-start-column="0" selection-end-line="15" selection-end-column="0" />
+        <state relative-caret-position="238">
+          <caret line="34" column="0" lean-forward="false" selection-start-line="34" selection-start-column="0" selection-end-line="34" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/.babelrc">
+    <entry file="file://$PROJECT_DIR$/src/helpers/routes/index.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="119">
-          <caret line="7" column="0" lean-forward="false" selection-start-line="7" selection-start-column="0" selection-end-line="7" selection-end-column="0" />
+        <state relative-caret-position="17">
+          <caret line="1" column="0" lean-forward="false" selection-start-line="1" selection-start-column="0" selection-end-line="1" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/package.json">
+    <entry file="file://$PROJECT_DIR$/webpack.config.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="308">
-          <caret line="40" column="19" lean-forward="false" selection-start-line="40" selection-start-column="19" selection-end-line="40" selection-end-column="19" />
+        <state relative-caret-position="168">
+          <caret line="32" column="8" lean-forward="true" selection-start-line="32" selection-start-column="8" selection-end-line="32" selection-end-column="8" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/elements/Link.js">
+    <entry file="file://$PROJECT_DIR$/src/components/elements/Error.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="51">
-          <caret line="3" column="0" lean-forward="false" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
+        <state relative-caret-position="204">
+          <caret line="13" column="0" lean-forward="true" selection-start-line="13" selection-start-column="0" selection-end-line="13" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/initializers/server/index.js">
+    <entry file="file://$PROJECT_DIR$/src/components/elements/Spinner.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="340">
-          <caret line="20" column="0" lean-forward="false" selection-start-line="20" selection-start-column="0" selection-end-line="20" selection-end-column="0" />
+        <state relative-caret-position="85">
+          <caret line="6" column="23" lean-forward="false" selection-start-line="6" selection-start-column="23" selection-end-line="6" selection-end-column="23" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/elements/Title.js">
+    <entry file="file://$PROJECT_DIR$/.eslintrc.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="119">
-          <caret line="12" column="14" lean-forward="false" selection-start-line="12" selection-start-column="14" selection-end-line="12" selection-end-column="14" />
+        <state relative-caret-position="96">
+          <caret line="64" column="33" lean-forward="true" selection-start-line="64" selection-start-column="33" selection-end-line="64" selection-end-column="33" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/layouts/MainLayout.js">
+    <entry file="file://$PROJECT_DIR$/src/constants/actionTypes/PostsActionTypes.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="85">
-          <caret line="9" column="18" lean-forward="false" selection-start-line="9" selection-start-column="18" selection-end-line="9" selection-end-column="18" />
+        <state relative-caret-position="51">
+          <caret line="3" column="0" lean-forward="true" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/index.js">
+    <entry file="file://$PROJECT_DIR$/node_modules/lodash/lang.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="391">
-          <caret line="31" column="0" lean-forward="false" selection-start-line="31" selection-start-column="0" selection-end-line="31" selection-end-column="0" />
+        <state relative-caret-position="0">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/routes/index.js">
+    <entry file="file://$PROJECT_DIR$/src/constants/actionTypes/PostActionTypes.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="85">
-          <caret line="5" column="0" lean-forward="false" selection-start-line="5" selection-start-column="0" selection-end-line="5" selection-end-column="0" />
+        <state relative-caret-position="51">
+          <caret line="3" column="0" lean-forward="true" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/helpers/routes/index.js">
+    <entry file="file://$PROJECT_DIR$/src/constants/actionTypes/actionTypes.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="17">
-          <caret line="1" column="0" lean-forward="false" selection-start-line="1" selection-start-column="0" selection-end-line="1" selection-end-column="0" />
+          <caret line="1" column="0" lean-forward="true" selection-start-line="1" selection-start-column="0" selection-end-line="1" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/routes/Blog.js">
+    <entry file="file://$PROJECT_DIR$/src/actions/Posts.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="323">
-          <caret line="22" column="0" lean-forward="false" selection-start-line="22" selection-start-column="0" selection-end-line="22" selection-end-column="0" />
+          <caret line="30" column="0" lean-forward="true" selection-start-line="30" selection-start-column="0" selection-end-line="30" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/BlogPage.js">
+    <entry file="file://$PROJECT_DIR$/src/actions/Post.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="748">
-          <caret line="54" column="0" lean-forward="false" selection-start-line="54" selection-start-column="0" selection-end-line="54" selection-end-column="0" />
+        <state relative-caret-position="-81">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/BlogPost.js">
+    <entry file="file://$PROJECT_DIR$/src/reducers/Posts.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="357">
-          <caret line="31" column="10" lean-forward="false" selection-start-line="31" selection-start-column="10" selection-end-line="31" selection-end-column="10" />
+        <state relative-caret-position="629">
+          <caret line="37" column="0" lean-forward="true" selection-start-line="37" selection-start-column="0" selection-end-line="37" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/webpack.config.js">
+    <entry file="file://$PROJECT_DIR$/src/reducers/Post.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="288">
-          <caret line="41" column="11" lean-forward="true" selection-start-line="41" selection-start-column="11" selection-end-line="41" selection-end-column="11" />
+        <state relative-caret-position="128">
+          <caret line="9" column="13" lean-forward="true" selection-start-line="9" selection-start-column="13" selection-end-line="9" selection-end-column="13" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/BlogList.js">
+    <entry file="file://$PROJECT_DIR$/node_modules/lodash/array.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="204">
-          <caret line="17" column="36" lean-forward="false" selection-start-line="17" selection-start-column="36" selection-end-line="17" selection-end-column="36" />
+        <state relative-caret-position="-299">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/App.js">
+    <entry file="file://$PROJECT_DIR$/src/components/layouts/MainLayout.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="85">
+          <caret line="9" column="18" lean-forward="false" selection-start-line="9" selection-start-column="18" selection-end-line="9" selection-end-column="18" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/PieChart.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="0">
-          <caret line="0" column="26" lean-forward="false" selection-start-line="0" selection-start-column="26" selection-end-line="0" selection-end-column="26" />
+          <caret line="0" column="39" lean-forward="false" selection-start-line="0" selection-start-column="39" selection-end-line="0" selection-end-column="39" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/constants/dateFormat.js">
+    <entry file="file://$PROJECT_DIR$/src/containers/PageContainer.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="17">
-          <caret line="1" column="0" lean-forward="true" selection-start-line="1" selection-start-column="0" selection-end-line="1" selection-end-column="0" />
+        <state relative-caret-position="272">
+          <caret line="16" column="0" lean-forward="true" selection-start-line="16" selection-start-column="0" selection-end-line="16" selection-end-column="0" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/helpers/date.js">
+    <entry file="file://$PROJECT_DIR$/src/containers/PostContainer.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="85">
-          <caret line="6" column="0" lean-forward="true" selection-start-line="6" selection-start-column="0" selection-end-line="6" selection-end-column="0" />
+        <state relative-caret-position="136">
+          <caret line="8" column="0" lean-forward="true" selection-start-line="8" selection-start-column="0" selection-end-line="8" selection-end-column="0" />
+          <folding>
+            <element signature="e#0#36#0" expanded="false" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/BlogItem.js">
+    <entry file="file://$PROJECT_DIR$/src/components/BlogPage.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="204">
+          <caret line="12" column="0" lean-forward="true" selection-start-line="12" selection-start-column="0" selection-end-line="12" selection-end-column="0" />
+          <folding>
+            <element signature="e#0#26#0" expanded="false" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/routes/Blog.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="526">
-          <caret line="61" column="32" lean-forward="false" selection-start-line="61" selection-start-column="32" selection-end-line="61" selection-end-column="32" />
+        <state relative-caret-position="289">
+          <caret line="17" column="29" lean-forward="true" selection-start-line="17" selection-start-column="29" selection-end-line="17" selection-end-column="29" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/semantic/gulpfile.js">
+    <entry file="file://$PROJECT_DIR$/node_modules/lodash/collection.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="0">
           <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/containers/BlogListContainer.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="136">
+          <caret line="8" column="0" lean-forward="true" selection-start-line="8" selection-start-column="0" selection-end-line="8" selection-end-column="0" />
+          <folding>
+            <element signature="e#0#59#0" expanded="false" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/actions/actionCreators.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="289">
+          <caret line="19" column="0" lean-forward="true" selection-start-line="19" selection-start-column="0" selection-end-line="19" selection-end-column="0" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/.gitignore">
+    <entry file="file://$PROJECT_DIR$/src/containers/PieChartContainer.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="34">
-          <caret line="2" column="0" lean-forward="false" selection-start-line="2" selection-start-column="0" selection-end-line="2" selection-end-column="0" />
+        <state relative-caret-position="153">
+          <caret line="9" column="0" lean-forward="true" selection-start-line="9" selection-start-column="0" selection-end-line="9" selection-end-column="0" />
+          <folding>
+            <element signature="e#0#36#0" expanded="false" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/elements/Title.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="289">
+          <caret line="22" column="18" lean-forward="false" selection-start-line="22" selection-start-column="10" selection-end-line="22" selection-end-column="18" />
           <folding />
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/elements/Like.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="374">
+          <caret line="22" column="2" lean-forward="true" selection-start-line="22" selection-start-column="2" selection-end-line="22" selection-end-column="2" />
+          <folding>
+            <element signature="e#0#39#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/containers/LikeContainer.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="153">
+          <caret line="9" column="0" lean-forward="true" selection-start-line="9" selection-start-column="0" selection-end-line="9" selection-end-column="0" />
+          <folding>
+            <element signature="e#0#36#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/BlogList.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="201">
+          <caret line="14" column="13" lean-forward="true" selection-start-line="14" selection-start-column="13" selection-end-line="14" selection-end-column="13" />
+          <folding>
+            <element signature="e#0#39#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/BlogPost.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="391">
+          <caret line="26" column="0" lean-forward="true" selection-start-line="26" selection-start-column="0" selection-end-line="26" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/widgets/blog/BlogItem.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="553">
+          <caret line="37" column="24" lean-forward="true" selection-start-line="37" selection-start-column="24" selection-end-line="37" selection-end-column="24" />
+          <folding>
+            <element signature="e#0#39#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file
diff --git a/README.md b/README.md
index f111639..37bccf9 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,12 @@
 # React-Blog
 
 My project version on React for Webdevelopers Thinknetica course.
+
+## Lesson 6: Redux part 1
+
+Use redux, react-redux, redux-thunk & redux-devtools to create a store for client app.
+
+
+Tasks:
+1. Add actions (& asynchronous action creators fetchPosts/fetchPost), reducers & store for managing posts page & inner
+post page state.
\ No newline at end of file
diff --git a/index.html b/index.html
index 4bccbed..fbe5799 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
 </head>
 <body>
     <div id="app"></div>
+    <div id="devtools"></div>
 
     <script src="/assets/bundle.js"></script>
 </body>
diff --git a/package.json b/package.json
index 5ee2d50..70ec81c 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "My project version on React for Webdevelopers Thinknetica course.",
   "main": "index.js",
   "scripts": {
-    "start": "gulp build ./semantic/gulpfile.js",
+    "start": "node ./initializers/server/index.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -30,6 +30,9 @@
     "eslint-plugin-react": "^7.1.0",
     "file-loader": "^0.11.2",
     "react-hot-loader": "^3.0.0-beta.6",
+    "redux-devtools": "^3.4.0",
+    "redux-devtools-dock-monitor": "^1.1.2",
+    "redux-devtools-log-monitor": "^1.3.0",
     "semantic-ui": "^2.2.10",
     "style-loader": "^0.18.2",
     "url-loader": "^0.5.9",
@@ -42,9 +45,13 @@
     "immutability-helper": "^2.2.3",
     "lodash": "^4.17.4",
     "moment": "^2.18.1",
+    "qs": "^6.5.1",
     "react": "^15.6.1",
     "react-dom": "^15.6.1",
+    "react-redux": "^5.0.6",
     "react-router": "^3.0.2",
+    "redux": "^3.7.2",
+    "redux-thunk": "^2.2.0",
     "semantic-ui-react": "^0.70.0",
     "superagent": "^3.5.2"
   }
diff --git a/src/App.js b/src/App.js
index 391e865..978599f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,10 +1,36 @@
 import React from 'react';
-
-import {Router, browserHistory} from 'react-router';
+import {Router, browserHistory, match} from 'react-router';
 import routes from 'routes';
+import {Provider} from 'react-redux';
+import store from 'store';
+import prepareData from 'helpers/prepareData';
+import ReactDOM from 'react-dom';
+import DevTools from 'containers/DevTools';
+
+const historyCb = (location) => {
+    match(
+        {location, routes},
+        (err, redirect, state) => {
+            if (!err && !redirect) {
+                prepareData(store, state);
+            }
+        }
+    );
+};
+
+browserHistory.listenBefore(historyCb);
+
+historyCb(window.location);
 
 const App = () => (
-    <Router history={browserHistory} routes={routes} />
+    <Provider store={store}>
+        <Router history={browserHistory} routes={routes} />
+    </Provider>
+);
+
+ReactDOM.render(
+    <DevTools store={store}/>,
+    document.getElementById('devtools')
 );
 
 export default App;
diff --git a/src/actions/Post.js b/src/actions/Post.js
new file mode 100644
index 0000000..e7c75a1
--- /dev/null
+++ b/src/actions/Post.js
@@ -0,0 +1,30 @@
+import * as types from '../constants/actionTypes/PostActionTypes';
+import request from 'superagent';
+import {API_ROOT} from '../constants/API';
+
+//fetching post
+const requestPost = () => ({
+    type: types.FETCH_POST_REQUEST
+});
+
+const errorPost = () => ({
+    type: types.FETCH_POST_ERROR
+});
+
+const receivePost = (response) => ({
+    type: types.FETCH_POST_SUCCESS,
+    response
+});
+
+export const fetchPost = (id) => (
+    (dispatch) => {
+        dispatch(requestPost(id));
+
+        return request
+            .get(`${API_ROOT}/posts/${id}`)
+            .end((err, response) => {
+                err ? dispatch(errorPost(id)) :
+                    dispatch(receivePost(response.body));
+            });
+    }
+);
diff --git a/src/actions/Posts.js b/src/actions/Posts.js
new file mode 100644
index 0000000..b25e817
--- /dev/null
+++ b/src/actions/Posts.js
@@ -0,0 +1,30 @@
+import * as types from '../constants/actionTypes/PostsActionTypes';
+import request from 'superagent';
+import {API_ROOT} from '../constants/API';
+
+//fetching posts
+const requestPosts = () => ({
+    type: types.FETCH_POSTS_REQUEST
+});
+
+const errorPosts = () => ({
+    type: types.FETCH_POSTS_ERROR
+});
+
+const receivePosts = (response) => ({
+    type: types.FETCH_POSTS_SUCCESS,
+    response
+});
+
+export const fetchPosts = () => (
+    (dispatch) => {
+        dispatch(requestPosts());
+
+        return request
+            .get(`${API_ROOT}/posts`)
+            .end((err, response) => {
+                err ? dispatch(errorPosts()) :
+                    dispatch(receivePosts(response.body));
+            });
+    }
+);
diff --git a/src/actions/actionCreators.js b/src/actions/actionCreators.js
new file mode 100644
index 0000000..55a7231
--- /dev/null
+++ b/src/actions/actionCreators.js
@@ -0,0 +1,19 @@
+import {REQUEST_INCREMENT_LIKE} from '../constants/actionTypes/actionTypes';
+import request from 'superagent';
+import {API_ROOT} from '../constants/API';
+
+//INCREMENT LIKE
+const requestIncrementLike = (id) => ({
+    type: REQUEST_INCREMENT_LIKE,
+    id
+});
+
+export const incrementLike = (id) => (
+    (dispatch) => {
+        return request
+            .put(`${API_ROOT}/posts/${id}`)
+            .end((err) => {
+                if (!err) dispatch(requestIncrementLike(id));
+            });
+    }
+);
diff --git a/src/components/BlogPage.js b/src/components/BlogPage.js
index 1dd7804..f35ec32 100644
--- a/src/components/BlogPage.js
+++ b/src/components/BlogPage.js
@@ -1,54 +1,12 @@
 import React from 'react';
-
-import _ from 'lodash';
-
-import {updateItemsMetaInfo as update} from 'helpers/like';
-
-import BlogList from 'components/widgets/blog/BlogList';
-import PieChart from 'components/widgets/blog/PieChart';
-
-import {fetchPosts} from 'helpers/rest';
-import {fetchMetaInfo} from '../helpers/rest';
-
-class BlogPage extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            blogItems: []
-        };
-        this.like = _.bind(this.like, this);
-    }
-    like(_id) {
-        const {blogItems} = this.state;
-
-        fetchMetaInfo(_id, update, blogItems,
-            (newBlogItems) => this.setState({blogItems: newBlogItems})
-        );
-    }
-    componentDidMount() {
-        fetchPosts(
-            (blogItems) => this.setState({blogItems})
-        );
-    }
-    render() {
-        const {blogItems} = this.state,
-            columns = _.map(
-                blogItems,
-                item => [item.title, item.metaInfo.likes]
-            );
-
-        return (
-            <div>
-                <BlogList
-                    blogItems = {blogItems}
-                    like = {this.like}
-                />
-                <PieChart
-                    columns = {columns}
-                />
-            </div>
-        );
-    }
-}
+import BlogListContainer from '../containers/BlogListContainer';
+import PieChartContainer from '../containers/PieChartContainer';
+
+const BlogPage = () => (
+    <div>
+        <BlogListContainer/>
+        <PieChartContainer/>
+    </div>
+);
 
 export default BlogPage;
diff --git a/src/components/BlogPost.js b/src/components/BlogPost.js
index f8ca148..1256f6b 100644
--- a/src/components/BlogPost.js
+++ b/src/components/BlogPost.js
@@ -1,52 +1,26 @@
 import React, {PropTypes} from 'react';
-
-import _ from 'lodash';
-
-import {updateItemMetaInfo as update} from 'helpers/like';
-
 import BlogItem from 'components/widgets/blog/BlogItem';
-
-import {fetchPost, fetchMetaInfo} from 'helpers/rest';
-
 import {Item} from 'semantic-ui-react';
+import {isEmpty} from 'lodash/lang';
 
-class BlogPost extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            blogItem: {}
-        };
-        this.like = _.bind(this.like, this);
-    }
-    like(_id) {
-        const {blogItem} = this.state;
+const BlogPost = ({blogItem}) => (
+    <Item.Group>
+        {!isEmpty(blogItem) && <BlogItem {...blogItem}/>}
+    </Item.Group>
+);
 
-        fetchMetaInfo(_id, update, blogItem,
-            (newBlogItem) => this.setState({blogItem: newBlogItem})
-        );
-    }
-    componentDidMount() {
-        fetchPost(
-            this.props.params.post_id,
-            (blogItem) => this.setState({blogItem})
-        );
-    }
-    render() {
-        const {blogItem} = this.state;
+BlogPost.propTypes = {
+    blogItem: PropTypes.object
+};
 
-        return (
-            <Item.Group>
-                <BlogItem
-                    {...blogItem}
-                    like={() => this.like(blogItem._id)}
-                />
-            </Item.Group>
-        );
+BlogPost.defaultProps = {
+    blogItem: {
+        _id: BlogItem.defaultProps._id,
+        image: BlogItem.defaultProps.image,
+        title: BlogItem.defaultProps.title,
+        description: BlogItem.defaultProps.description,
+        metaInfo: BlogItem.defaultProps.metaInfo
     }
-}
-
-BlogPost.propTypes = {
-    params: PropTypes.object
 };
 
 export default BlogPost;
diff --git a/src/components/elements/Error.js b/src/components/elements/Error.js
new file mode 100644
index 0000000..570cec9
--- /dev/null
+++ b/src/components/elements/Error.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import {Segment, Header} from 'semantic-ui-react';
+
+const Error = () => (
+    <Segment>
+        <Header
+            size='small'
+            style={{color: '#4183c4'}}
+        >Oops! Some Error occured!</Header>
+    </Segment>
+);
+
+export default Error;
diff --git a/src/components/elements/Spinner.js b/src/components/elements/Spinner.js
new file mode 100644
index 0000000..66a007a
--- /dev/null
+++ b/src/components/elements/Spinner.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import {Segment, Header} from 'semantic-ui-react';
+
+const Spinner = () => (
+    <Segment>
+        <Header
+            size='small'
+            style={{color: '#4183c4'}}
+        >Loading...</Header>
+    </Segment>
+);
+
+export default Spinner;
diff --git a/src/components/widgets/blog/BlogItem.js b/src/components/widgets/blog/BlogItem.js
index 7333254..78df0cd 100644
--- a/src/components/widgets/blog/BlogItem.js
+++ b/src/components/widgets/blog/BlogItem.js
@@ -1,59 +1,45 @@
 import React, {PropTypes} from 'react';
-
 import _ from 'lodash';
-
 import Image from './elements/Image';
 import TextBox from './elements/TextBox';
 import MetaInfo from './elements/MetaInfo';
-import Like from './elements/Like';
+import LikeContainer from '../../../containers/LikeContainer';
 import Title from './elements/Title';
-
 import {Grid} from 'semantic-ui-react';
 
-class BlogItem extends React.Component {
-    render() {
-        const {image, description, metaInfo, title, _id, like} = this.props;
-        return (
-            React.createElement(
-                Grid,
-                {
-                    centered: true,
-                    columns: 3
-                },
-                React.createElement(
-                    Grid.Column,
-                    {
-                        computer: 4,
-                        tablet: 8,
-                        mobile: 15
-                    },
-                    React.createElement(Image, {
-                        src: image.src,
-                        alt: image.alt,
-                        width: '100%',
-                        height: '100%'
-                    })
-                ),
-                React.createElement(
-                    Grid.Column,
-                    {
-                        computer: 12,
-                        tablet: 8,
-                        mobile: 15
-                    },
-                    React.createElement(Title, {title, _id}),
-                    React.createElement(TextBox, {description}),
-                    React.createElement(MetaInfo, {
-                        author: metaInfo.author,
-                        created: metaInfo.created,
-                        modified: metaInfo.modified
-                    }),
-                    React.createElement(Like, {likes: metaInfo.likes, like})
-                )
-            )
-        );
-    }
-}
+const BlogItem = ({image, description, metaInfo, title, _id}) => (
+    <Grid centered={true} columns={3}>
+        <Grid.Column
+            computer={4}
+            tablet={8}
+            mobile={15}
+        >
+            <Image
+                src={image.src}
+                alt={image.alt}
+                width='100%'
+                height='100%'
+            />
+        </Grid.Column>
+        <Grid.Column
+            computer={12}
+            tablet={8}
+            mobile={15}
+        >
+            <Title title={title} _id={_id}/>
+            <TextBox description={description}/>
+            <MetaInfo
+                author={metaInfo.author}
+                created={metaInfo.created}
+                modified={metaInfo.modified}
+            />
+            <LikeContainer
+                likes={metaInfo.likes}
+                id={_id}
+            />
+        </Grid.Column>
+    </Grid>
+);
 
 BlogItem.propTypes = {
     _id: Title.propTypes._id,
@@ -64,9 +50,8 @@ BlogItem.propTypes = {
     title: Title.propTypes.title,
     description: TextBox.propTypes.description,
     metaInfo: PropTypes.shape(
-        _.assign({}, MetaInfo.propTypes, _.pick(Like.propTypes, ['likes']))
-    ),
-    like: Like.propTypes.like
+        _.assign({}, MetaInfo.propTypes, _.pick(LikeContainer.propTypes, ['likes']))
+    )
 };
 
 BlogItem.defaultProps = {
@@ -77,9 +62,8 @@ BlogItem.defaultProps = {
     metaInfo: _.assign(
         {},
         MetaInfo.defaultProps,
-        _.pick(Like.defaultProps, ['likes'])
-    ),
-    like: Like.defaultProps.like
+        _.pick(LikeContainer.defaultProps, ['likes'])
+    )
 };
 
 export default BlogItem;
diff --git a/src/components/widgets/blog/BlogList.js b/src/components/widgets/blog/BlogList.js
index 476a751..fe9deab 100644
--- a/src/components/widgets/blog/BlogList.js
+++ b/src/components/widgets/blog/BlogList.js
@@ -1,45 +1,28 @@
 import React, {PropTypes} from 'react';
-import _ from 'lodash';
-
+import {map} from 'lodash/collection';
 import BlogItem from './BlogItem';
-
 import {List, Segment} from 'semantic-ui-react';
 
-const BlogList = ({blogItems, like}) => (
-    React.createElement(List, null, _.map(blogItems, (blogItem) => (
-        React.createElement(
-            List.Item,
-            {key: blogItem._id},
-            React.createElement(
-                Segment,
-                {
-                    compact: true
-                },
-                React.createElement(
-                    BlogItem,
-                    _.assign(
-                        {},
-                        blogItem,
-                        {
-                            like: () => like(blogItem._id)
-                        }
-                    )
-                )
-            )
-        )
-    )))
-);
+const BlogList = ({blogItems}) => {
+    return (<List>
+        {map(blogItems, item => (
+            <List.Item key={item._id}>
+                <Segment compact={true}>
+                    <BlogItem {...item}/>
+                </Segment>
+            </List.Item>
+        ))}
+    </List>);
+};
 
 BlogList.propTypes = {
     blogItems: PropTypes.arrayOf(
-        PropTypes.shape(_.omit(BlogItem.propTypes, ['like']))
-    ),
-    like: BlogItem.propTypes.like
+        PropTypes.shape(BlogItem.propTypes)
+    )
 };
 
 BlogList.defaultProps = {
-    blogItems: [_.omit(BlogItem.defaultProps, ['like'])],
-    like: BlogItem.defaultProps.like
+    blogItems: [BlogItem.defaultProps]
 };
 
 export default BlogList;
diff --git a/src/components/widgets/blog/PieChart.js b/src/components/widgets/blog/PieChart.js
index 5f4f966..944659a 100644
--- a/src/components/widgets/blog/PieChart.js
+++ b/src/components/widgets/blog/PieChart.js
@@ -1,5 +1,4 @@
 import React, {PropTypes} from 'react';
-
 import c3 from 'c3';
 import {Segment} from 'semantic-ui-react';
 
diff --git a/src/components/widgets/blog/elements/Like.js b/src/components/widgets/blog/elements/Like.js
index a3e59ff..0dc9c90 100644
--- a/src/components/widgets/blog/elements/Like.js
+++ b/src/components/widgets/blog/elements/Like.js
@@ -2,7 +2,7 @@ import React, {PropTypes} from 'react';
 
 import {Segment, Button} from 'semantic-ui-react';
 
-const Like = ({likes, like}) => (
+const Like = ({likes, like, id}) => (
     React.createElement(
         Segment,
         {vertical: true, textAlign: 'right', basic: true},
@@ -16,7 +16,7 @@ const Like = ({likes, like}) => (
                     content: likes
                 },
                 labelPosition: 'right',
-                onClick: () => like()
+                onClick: () => like(id)
             }
         )
     )
@@ -24,12 +24,14 @@ const Like = ({likes, like}) => (
 
 Like.propTypes = {
     likes: PropTypes.number,
-    like: PropTypes.func
+    like: PropTypes.func,
+    id: PropTypes.string
 };
 
 Like.defaultProps = {
     likes: 0,
-    like: () => true
+    like: () => true,
+    id: '676hjh67'
 };
 
 export default Like;
diff --git a/src/constants/API.js b/src/constants/API.js
new file mode 100644
index 0000000..272bdfe
--- /dev/null
+++ b/src/constants/API.js
@@ -0,0 +1 @@
+export const API_ROOT = 'http://localhost:3001';
diff --git a/src/constants/actionTypes/PostActionTypes.js b/src/constants/actionTypes/PostActionTypes.js
new file mode 100644
index 0000000..b275b90
--- /dev/null
+++ b/src/constants/actionTypes/PostActionTypes.js
@@ -0,0 +1,3 @@
+export const FETCH_POST_REQUEST = 'FETCH_POST_REQUEST';
+export const FETCH_POST_SUCCESS = 'FETCH_POST_SUCCESS';
+export const FETCH_POST_ERROR = 'FETCH_POST_ERROR';
diff --git a/src/constants/actionTypes/PostsActionTypes.js b/src/constants/actionTypes/PostsActionTypes.js
new file mode 100644
index 0000000..54efa4f
--- /dev/null
+++ b/src/constants/actionTypes/PostsActionTypes.js
@@ -0,0 +1,3 @@
+export const FETCH_POSTS_REQUEST = 'FETCH_POSTS_REQUEST';
+export const FETCH_POSTS_SUCCESS = 'FETCH_POSTS_SUCCESS';
+export const FETCH_POSTS_ERROR = 'FETCH_POSTS_ERROR';
diff --git a/src/constants/actionTypes/actionTypes.js b/src/constants/actionTypes/actionTypes.js
new file mode 100644
index 0000000..9f36e8c
--- /dev/null
+++ b/src/constants/actionTypes/actionTypes.js
@@ -0,0 +1,2 @@
+export const REQUEST_INCREMENT_LIKE = 'REQUEST_INCREMENT_LIKE';
+
diff --git a/src/containers/BlogListContainer.js b/src/containers/BlogListContainer.js
new file mode 100644
index 0000000..db61907
--- /dev/null
+++ b/src/containers/BlogListContainer.js
@@ -0,0 +1,8 @@
+import BlogList from '../components/widgets/blog/BlogList';
+import {connect} from 'react-redux';
+
+const stateToProps = (state) => ({
+    blogItems: state.posts.entries
+});
+
+export default connect(stateToProps)(BlogList);
diff --git a/src/containers/DevTools.js b/src/containers/DevTools.js
new file mode 100644
index 0000000..c3455bd
--- /dev/null
+++ b/src/containers/DevTools.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { createDevTools } from 'redux-devtools';
+import LogMonitor from 'redux-devtools-log-monitor';
+import DockMonitor from 'redux-devtools-dock-monitor';
+
+//Use Ctrl+H to toggle DockMonitor visibility
+const DevTools = createDevTools(
+    <DockMonitor
+        toggleVisibilityKey='ctrl-h'
+        changePositionKey='ctrl-q'
+        defaultIsVisible={false}
+    >
+        <LogMonitor theme='tomorrow' />
+    </DockMonitor>
+);
+
+export default DevTools;
diff --git a/src/containers/LikeContainer.js b/src/containers/LikeContainer.js
new file mode 100644
index 0000000..7f0ca71
--- /dev/null
+++ b/src/containers/LikeContainer.js
@@ -0,0 +1,9 @@
+import {connect} from 'react-redux';
+import Like from '../components/widgets/blog/elements/Like';
+import {incrementLike} from '../actions/actionCreators';
+
+const actionsToProps = (dispatch, ownProps) => ({
+    like: () => dispatch(incrementLike(ownProps.id))
+});
+
+export default connect(null, actionsToProps)(Like);
diff --git a/src/containers/PieChartContainer.js b/src/containers/PieChartContainer.js
new file mode 100644
index 0000000..e5a046d
--- /dev/null
+++ b/src/containers/PieChartContainer.js
@@ -0,0 +1,9 @@
+import {connect} from 'react-redux';
+import PieChart from '../components/widgets/blog/PieChart';
+import {map} from 'lodash/collection';
+
+const stateToProps = (state) => ({
+    columns: map(state.posts.entries, item => [item.title, item.metaInfo.likes])
+});
+
+export default connect(stateToProps)(PieChart);
diff --git a/src/containers/PostContainer.js b/src/containers/PostContainer.js
new file mode 100644
index 0000000..ccdd342
--- /dev/null
+++ b/src/containers/PostContainer.js
@@ -0,0 +1,8 @@
+import {connect} from 'react-redux';
+import BlogPost from '../components/BlogPost';
+
+const stateToProps = (state) => ({
+    blogItem: state.post.entry
+});
+
+export default connect(stateToProps)(BlogPost);
diff --git a/src/helpers/like.js b/src/helpers/like.js
deleted file mode 100644
index 8c45f73..0000000
--- a/src/helpers/like.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import _ from 'lodash';
-import update from 'immutability-helper';
-
-export const updateItemsMetaInfo = (blogItems, metaInfo, setNewState, _id) => {
-    const index = _.findIndex(blogItems, {_id});
-
-    const newBlogItems = update(
-        blogItems,
-        {[index]: {$merge: {metaInfo}}}
-    );
-
-    setNewState(newBlogItems);
-};
-
-export const updateItemMetaInfo = (blogItem, metaInfo, setNewState) => {
-    const newBlogItem = update(
-        blogItem,
-        {$merge: {metaInfo}}
-    );
-
-    setNewState(newBlogItem);
-};
diff --git a/src/helpers/prepareData.js b/src/helpers/prepareData.js
new file mode 100644
index 0000000..efc8c0f
--- /dev/null
+++ b/src/helpers/prepareData.js
@@ -0,0 +1,16 @@
+import {parse} from 'qs';
+import {compact} from 'lodash/array';
+import {map} from 'lodash/collection';
+
+export default (store, state) => {
+    const {location, params, routes} = state;
+
+    const query = parse(location.search, {ignoreQueryPrefix: true});
+
+    const prepareDataFns = compact(map(routes, route => route.prepareData));
+
+    map(
+        prepareDataFns,
+        prepareData => prepareData(store, query, params, location)
+    );
+};
diff --git a/src/helpers/rest.js b/src/helpers/rest.js
deleted file mode 100644
index 871b49d..0000000
--- a/src/helpers/rest.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import request from 'superagent';
-
-export const fetchPosts = (setNewState) => {
-    request.get(
-        'http://localhost:3001/posts',
-        {},
-        (err, res) => setNewState(res.body)
-    );
-};
-
-export const fetchPost = (_id, setNewState) => {
-    request.get(
-        `http://localhost:3001/posts/${_id}`,
-        {},
-        (err, res) => setNewState(res.body)
-    );
-};
-
-export const fetchMetaInfo = (_id, update, state, setNewState) => {
-    request.get(
-        `http://localhost:3001/metainfo/${_id}`,
-        {},
-        (err, res) => update(state, res.body, setNewState, _id)
-    );
-};
diff --git a/src/index.js b/src/index.js
index 059aeb6..4088c0b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,11 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-
 import {AppContainer} from 'react-hot-loader';
-
 import '../semantic/dist/semantic.min.css';
 import 'c3/c3.min.css';
-
 import App from './App';
 
 const rootEl = document.getElementById('app');
diff --git a/src/reducers/Post.js b/src/reducers/Post.js
new file mode 100644
index 0000000..33c7953
--- /dev/null
+++ b/src/reducers/Post.js
@@ -0,0 +1,32 @@
+import {assign} from 'lodash/object';
+import {isEmpty} from 'lodash/lang';
+import * as types from '../constants/actionTypes/PostActionTypes';
+import update from 'immutability-helper';
+import {REQUEST_INCREMENT_LIKE} from '../constants/actionTypes/actionTypes';
+
+const initialState = {
+    isFetching: false,
+    error: false,
+    entry: {}
+};
+
+export default (state = initialState, action) => {
+    switch (action.type) {
+        case types.FETCH_POST_REQUEST:
+            return assign({}, initialState, {isFetching: true});
+        case types.FETCH_POST_ERROR:
+            return assign({}, initialState, {error: true});
+        case types.FETCH_POST_SUCCESS:
+            return assign({}, initialState, {entry: action.response});
+        case REQUEST_INCREMENT_LIKE:
+            return isEmpty(state.entry) ? state : update(state, {
+                entry: {
+                    metaInfo: {
+                        likes: {$apply: (count) => (count + 1)}
+                    }
+                }
+            });
+        default:
+            return state;
+    }
+};
diff --git a/src/reducers/Posts.js b/src/reducers/Posts.js
new file mode 100644
index 0000000..be7c043
--- /dev/null
+++ b/src/reducers/Posts.js
@@ -0,0 +1,37 @@
+import {assign} from 'lodash/object';
+import {isEmpty} from 'lodash/lang';
+import * as types from '../constants/actionTypes/PostsActionTypes';
+import {map} from 'lodash/collection';
+import update from 'immutability-helper';
+import {REQUEST_INCREMENT_LIKE} from '../constants/actionTypes/actionTypes';
+
+const initialState = {
+    isFetching: false,
+    error: false,
+    entries: []
+};
+
+const incrementLikes = (state, action) => (
+    state._id !== action.id ? state :
+        update(state, {
+            metaInfo: {likes: {$apply: (count) => (count + 1)}}
+        })
+);
+
+export default (state = initialState, action) => {
+    switch (action.type) {
+        case types.FETCH_POSTS_REQUEST:
+            return assign({}, initialState, {isFetching: true});
+        case types.FETCH_POSTS_ERROR:
+            return assign({}, initialState, {error: true});
+        case types.FETCH_POSTS_SUCCESS:
+            return assign({}, initialState, {entries: action.response});
+        case REQUEST_INCREMENT_LIKE:
+            return isEmpty(state.entries) ? state : assign({}, state, {
+                entries: map(state.entries,
+                    (post) => incrementLikes(post, action))
+            });
+        default:
+            return state;
+    }
+};
diff --git a/src/reducers/index.js b/src/reducers/index.js
new file mode 100644
index 0000000..0a053d0
--- /dev/null
+++ b/src/reducers/index.js
@@ -0,0 +1,9 @@
+import {combineReducers} from 'redux';
+
+import posts from './Posts.js';
+import post from './Post.js';
+
+export default combineReducers({
+    posts,
+    post
+});
diff --git a/src/routes/Blog.js b/src/routes/Blog.js
index a2c8fbb..b4e9549 100644
--- a/src/routes/Blog.js
+++ b/src/routes/Blog.js
@@ -1,16 +1,24 @@
-import BlogPage from 'components/BlogPage';
 import MainLayout from 'components/layouts/MainLayout';
-import BlogPost from 'components/BlogPost';
 import {postsPath} from 'helpers/routes';
+import {fetchPosts} from '../actions/Posts';
+import {fetchPost} from '../actions/Post';
+import BlogPage from '../components/BlogPage';
+import PostContainer from '../containers/PostContainer';
 
 const Index = {
     path: '/',
-    component: BlogPage
+    component: BlogPage,
+    prepareData: (store) => {
+        store.dispatch(fetchPosts());
+    }
 };
 
 const PostRoute = {
     path: postsPath(),
-    component: BlogPost
+    component: PostContainer,
+    prepareData: (store, query, params) => {
+        store.dispatch(fetchPost(params.post_id));
+    }
 };
 
 export default {
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..c783a20
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,14 @@
+import {createStore, applyMiddleware, compose} from 'redux';
+import thunk from 'redux-thunk';
+import reducers from 'reducers';
+import DevTools from '../containers/DevTools';
+
+const store = createStore(
+    reducers,
+    compose(
+        applyMiddleware(thunk),
+        DevTools.instrument()
+    )
+);
+
+export default store;