chore(readme): updated readme

README.md

@@ -1,27 +1,31 @@
 # Geschichte
 
+![CircleCI](https://img.shields.io/circleci/build/gh/BowlingX/geschichte)
+![Codecov](https://img.shields.io/codecov/c/github/bowlingx/geschichte)
+![npm](https://img.shields.io/npm/v/geschichte)
+
 Let's you manage query-parameters with hooks. Uses `immer` and `zustand` to manage the internal state.
 
-## Example
+Documentation: https://bowlingx.github.io/geschichte/index.html
+
+API: https://bowlingx.github.io/geschichte/api/index.html
+
+    yarn add geschichte
+
+    npm install geschichte
+
+## Basic Example
 
 ```typescript jsx
 
 import { pm, factoryParameters, serializers } from 'geschichte'
 
 const parameterConfig = {
-  your: {
-    object: {
-      somewhere: pm('queryParameter', serializers.string)  
-    }   
-  } 
+  item: pm('queryParameter', serializers.string)
 };
 
 const defaultValue = {
-  your: {
-    object: {
-      somewhere: 'defaultValue'
-    }
-  }
+  item: 'defaultValue'
 }
 
 
@@ -31,8 +35,8 @@ const Component = () => {
  const { values, pushState, replaceState } = useQuery()
  return (
    <>
-     <button onClick={() => pushState((values) => void ( values.your.object.somewhere = "newValue" ))}>push new state</button>
-     <button onClick={() => replaceState((values) => void ( values.your.object.somewhere = "anotherOne" ))}>replace state</button>
+     <button onClick={() => pushState((values) => void ( values.item = "newValue" ))}>push new state</button>
+     <button onClick={() => replaceState((values) => void ( values.item = "anotherOne" ))}>replace state</button>
      <div>{JSON.stringify(values)}</div>
    </> 
  )