Update README.md

Author: qaraluch

README.md

@@ -1,16 +1,40 @@
-# ohmy-hackernews
+<h1 align="center">:newspaper: ohmy-hackernews</h1>
 
-Personalized hackernews API client. Started as React tutorial [📓The Road to learn React](https://github.com/the-road-to-learn-react/the-road-to-learn-react). I found it quite useful, so added few tweaks to make it more handy and tailored for my needs. This is also a fully working sandbox project for testing new concepts and patterns used in React. :construction:
+<p align="center">
+   <a href="https://opensource.org/licenses/mit-license.php">
+     <img alt="MIT Licence" src="https://badges.frapsoft.com/os/mit/mit.svg?v=103" />
+  </a>
+   <a href="https://ohmy-hackernews.now.sh">
+     <img alt="Website" src="https://img.shields.io/website?down_color=lightgrey&down_message=offline&style=plastic&up_color=green&up_message=online&url=https%3A%2F%2Fohmy-hackernews.now.sh%2F">
+  </a>
+</p>
+<p align="center">
+  <b>Personalized hackernews API client</b>
+</p>
+
+<p align="center">
+   <a href="https://ohmy-hackernews.now.sh">
+     <b>ohmy-hackernews.now.sh </b>
+  </a>
+</p>
+
+Started as React.js tutorial [📓The Road to learn React](https://github.com/the-road-to-learn-react/the-road-to-learn-react). I found it quite useful, so added few tweaks to make it more handy and tailored for my needs. This is also a fully working sandbox project for testing new concepts and patterns used in modern React apps. :construction:
+
+![screenshot](https://raw.githubusercontent.com/qaraluch/ohmy-hackernews/master/images/screenshot.png)
+
+<br />
 
 ## Changelog
+
+- Styling (material-ui)
 - Refactored to hooks (rewrited API calls to custom hook)
-- Modularized app
+- Conde modularized
 
 ## Used template
 
 The template project is [nano-react-app](https://github.com/adrianmcli/nano-react-app).
 
 Use commands:
+
 - `npm start` — This will spawn a development server with a default port of `1234`.
 - `npm run build` — This will output a production build in the `dist` directory.
-