diff --git a/README.md b/README.md
index 7c7d630..471f0f2 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,24 @@
-# \<Project name\>
+# Publite Frontend
 
 <p align="center">
-  <img src="https://github.com/dm1sh/<Repo name>/raw/main/logo.svg" alt="<Logo description>" width="150px">
+  <img src="https://github.com/publite/frontend/raw/main/logo.svg" alt="Publite logo" width="150px">
 </p>
 
 ## Overview
 
-\<Example text\>
+Frontend for Publite service — E-Books reader
 
 ## Deploy
 
-\<Deployment instruction\>
+Dev environment setup:
 
 ```bash
-<Code>
+npm i
+
+# Run with watch
+npm run dev
+
+# Build to test prod
+npm run build
+npm exec serve -s build
 ```
diff --git a/custom.d.ts b/custom.d.ts
new file mode 100644
index 0000000..f2d12bb
--- /dev/null
+++ b/custom.d.ts
@@ -0,0 +1,4 @@
+declare module "*.module.css" {
+  const classes: { [key: string]: string };
+  export default classes;
+}
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000..2283463
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="372"
+   height="512"
+   viewBox="0 0 372 512"
+   version="1.1"
+   id="svg23656"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview23658"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="px"
+     showgrid="false"
+     units="px"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="90.863221"
+     inkscape:cy="228.74904"
+     inkscape:window-width="1916"
+     inkscape:window-height="1048"
+     inkscape:window-x="2"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-center="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-intersection-paths="false"
+     height="372px" />
+  <defs
+     id="defs23653" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#feffff;fill-opacity:1;stroke:none;stroke-width:10;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect9862"
+       width="372"
+       height="512"
+       x="0"
+       y="0" />
+    <g
+       id="g9760">
+      <path
+         style="color:#000000;fill:#000000;stroke-width:1.09037;-inkscape-stroke:none;paint-order:markers stroke fill"
+         d="m 219.02182,320.30644 v 138.7017 c 0,10.90433 8.94048,19.85349 19.83424,19.85349 h 74.64982 c 5.6688,0 10.7715,-2.4564 14.39782,-6.31741 3.62464,3.84241 8.71703,6.28118 14.37015,6.28118 v -10.90898 c -5.04074,0 -8.92783,-3.88781 -8.93372,-8.93172 V 320.30644 h -10.8984 v 138.66761 h -0.002 c 0,0.008 0.002,0.014 0.002,0.0213 v 0.0128 c 0,5.04946 -3.89127,8.94451 -8.93585,8.94451 h -74.64982 c -5.04456,0 -8.93584,-3.89505 -8.93584,-8.94451 V 320.30644 Z"
+         id="path20443" />
+      <path
+         style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-width:1.09037;stroke-linecap:square;-inkscape-stroke:none"
+         d="m 41.424628,36.114794 c -10.893763,0 -19.834248,8.94917 -19.834248,19.853488 0,10.904319 8.940485,19.85349 19.834248,19.85349 H 177.11617 V 97.230604 H 41.424628 c -10.893752,0 -19.834248,8.947036 -19.834248,19.851356 0,10.90432 8.940485,19.85349 19.834248,19.85349 H 177.11617 v 21.40887 H 41.424628 c -10.893752,0 -19.834248,8.94917 -19.834248,19.85349 0,10.90432 8.940485,19.85349 19.834248,19.85349 H 177.11617 v 21.40887 H 41.424628 c -10.893752,0 -19.834248,8.94917 -19.834248,19.85349 0,10.90432 8.940485,19.85349 19.834248,19.85349 H 177.11617 v 21.40888 H 41.424628 c -10.893752,0 -19.834248,8.94917 -19.834248,19.85348 0,10.90432 8.940485,19.85136 19.834248,19.85136 H 177.11617 v 158.5488 h 10.89841 v -248.46052 -0.004 c 53.52577,0 97.03413,-43.55056 97.03413,-97.12826 0,-53.577715 -43.50836,-97.128274 -97.03413,-97.128271 z M 188.01463,47.017336 c 47.63585,-2e-6 86.13573,38.537221 86.13573,86.219294 0,47.68205 -38.49988,86.21928 -86.13573,86.21928 z m -146.589947,0.0064 H 177.11617 V 64.91275 H 41.424628 c -5.044567,0 -8.935842,-3.895057 -8.935842,-8.944511 0,-5.049456 3.891265,-8.94451 8.935842,-8.94451 z m 0,61.115854 H 177.11617 v 17.88688 H 41.424628 c -5.044567,0 -8.935842,-3.89505 -8.935842,-8.94451 0,-5.04945 3.891265,-8.94237 8.935842,-8.94237 z m 0,61.11371 H 177.11617 v 17.88903 H 41.424628 c -5.044567,0 -8.935842,-3.89506 -8.935842,-8.94452 0,-5.04946 3.891265,-8.94451 8.935842,-8.94451 z m 0,61.11585 H 177.11617 v 17.88903 H 41.424628 c -5.044567,0 -8.935842,-3.89506 -8.935842,-8.94451 0,-5.04946 3.891265,-8.94452 8.935842,-8.94452 z m 0,61.11586 H 177.11617 v 17.88684 H 41.424628 c -5.044567,0 -8.935842,-3.89292 -8.935842,-8.94238 0,-5.04945 3.891265,-8.94451 8.935842,-8.94451 z"
+         id="path1187"
+         sodipodi:nodetypes="cssccsssccsssccsssccssscccccscccscccccsscccccsssccccsssccccsssccccsssc" />
+    </g>
+  </g>
+</svg>
diff --git a/package.json b/package.json
index 8e8f93f..7858101 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "serve": "^12.0.0"
   }
 }
diff --git a/public/index.html b/public/index.html
index db5f1ff..18e5078 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>React application</title>
+  <title>Publite</title>
 </head>
 
 <body>
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..2283463
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="372"
+   height="512"
+   viewBox="0 0 372 512"
+   version="1.1"
+   id="svg23656"
+   inkscape:version="1.1 (c4e8f9ed74, 2021-05-24)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview23658"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="px"
+     showgrid="false"
+     units="px"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="90.863221"
+     inkscape:cy="228.74904"
+     inkscape:window-width="1916"
+     inkscape:window-height="1048"
+     inkscape:window-x="2"
+     inkscape:window-y="30"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-center="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-intersection-paths="false"
+     height="372px" />
+  <defs
+     id="defs23653" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#feffff;fill-opacity:1;stroke:none;stroke-width:10;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect9862"
+       width="372"
+       height="512"
+       x="0"
+       y="0" />
+    <g
+       id="g9760">
+      <path
+         style="color:#000000;fill:#000000;stroke-width:1.09037;-inkscape-stroke:none;paint-order:markers stroke fill"
+         d="m 219.02182,320.30644 v 138.7017 c 0,10.90433 8.94048,19.85349 19.83424,19.85349 h 74.64982 c 5.6688,0 10.7715,-2.4564 14.39782,-6.31741 3.62464,3.84241 8.71703,6.28118 14.37015,6.28118 v -10.90898 c -5.04074,0 -8.92783,-3.88781 -8.93372,-8.93172 V 320.30644 h -10.8984 v 138.66761 h -0.002 c 0,0.008 0.002,0.014 0.002,0.0213 v 0.0128 c 0,5.04946 -3.89127,8.94451 -8.93585,8.94451 h -74.64982 c -5.04456,0 -8.93584,-3.89505 -8.93584,-8.94451 V 320.30644 Z"
+         id="path20443" />
+      <path
+         style="color:#000000;fill:#000000;fill-rule:evenodd;stroke-width:1.09037;stroke-linecap:square;-inkscape-stroke:none"
+         d="m 41.424628,36.114794 c -10.893763,0 -19.834248,8.94917 -19.834248,19.853488 0,10.904319 8.940485,19.85349 19.834248,19.85349 H 177.11617 V 97.230604 H 41.424628 c -10.893752,0 -19.834248,8.947036 -19.834248,19.851356 0,10.90432 8.940485,19.85349 19.834248,19.85349 H 177.11617 v 21.40887 H 41.424628 c -10.893752,0 -19.834248,8.94917 -19.834248,19.85349 0,10.90432 8.940485,19.85349 19.834248,19.85349 H 177.11617 v 21.40887 H 41.424628 c -10.893752,0 -19.834248,8.94917 -19.834248,19.85349 0,10.90432 8.940485,19.85349 19.834248,19.85349 H 177.11617 v 21.40888 H 41.424628 c -10.893752,0 -19.834248,8.94917 -19.834248,19.85348 0,10.90432 8.940485,19.85136 19.834248,19.85136 H 177.11617 v 158.5488 h 10.89841 v -248.46052 -0.004 c 53.52577,0 97.03413,-43.55056 97.03413,-97.12826 0,-53.577715 -43.50836,-97.128274 -97.03413,-97.128271 z M 188.01463,47.017336 c 47.63585,-2e-6 86.13573,38.537221 86.13573,86.219294 0,47.68205 -38.49988,86.21928 -86.13573,86.21928 z m -146.589947,0.0064 H 177.11617 V 64.91275 H 41.424628 c -5.044567,0 -8.935842,-3.895057 -8.935842,-8.944511 0,-5.049456 3.891265,-8.94451 8.935842,-8.94451 z m 0,61.115854 H 177.11617 v 17.88688 H 41.424628 c -5.044567,0 -8.935842,-3.89505 -8.935842,-8.94451 0,-5.04945 3.891265,-8.94237 8.935842,-8.94237 z m 0,61.11371 H 177.11617 v 17.88903 H 41.424628 c -5.044567,0 -8.935842,-3.89506 -8.935842,-8.94452 0,-5.04946 3.891265,-8.94451 8.935842,-8.94451 z m 0,61.11585 H 177.11617 v 17.88903 H 41.424628 c -5.044567,0 -8.935842,-3.89506 -8.935842,-8.94451 0,-5.04946 3.891265,-8.94452 8.935842,-8.94452 z m 0,61.11586 H 177.11617 v 17.88684 H 41.424628 c -5.044567,0 -8.935842,-3.89292 -8.935842,-8.94238 0,-5.04945 3.891265,-8.94451 8.935842,-8.94451 z"
+         id="path1187"
+         sodipodi:nodetypes="cssccsssccsssccsssccssscccccscccscccccsscccccsssccccsssccccsssccccsssc" />
+    </g>
+  </g>
+</svg>
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index bffe779..0000000
--- a/src/App.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export const App = () => <div>Hello, world</div>;
diff --git a/src/App/App.module.css b/src/App/App.module.css
new file mode 100644
index 0000000..787562f
--- /dev/null
+++ b/src/App/App.module.css
@@ -0,0 +1,6 @@
+.centredBlock {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+}
diff --git a/src/App/index.tsx b/src/App/index.tsx
new file mode 100644
index 0000000..c6e309a
--- /dev/null
+++ b/src/App/index.tsx
@@ -0,0 +1,9 @@
+import React from "react";
+import styles from "./App.module.css";
+
+export const App = () => (
+  <div className={styles.centredBlock}>
+    <p>Hello, Publite</p>
+    <img src="/logo.svg" alt="Publite logo" width="100px" />
+  </div>
+);