diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index b1643f3..e6fb28b 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -208,6 +208,11 @@ class Main extends Component {
                         <div class="nav-link">Přihlášen {this.state.login_status.first_name} {this.state.login_status.last_name} <a href="/api/logout">Odhlásit</a></div>
                     </li>
                 }
+                {Object.keys(this.state.login_status).length > 0 &&
+                    <li class="nav-item">
+                        <a class="nav-link" href="#eshop">Eshop</a>
+                    </li>
+                }
             </ul>
         </div>
     </nav>
@@ -219,6 +224,18 @@ class Main extends Component {
     <div class="absolute container-fluid alert alert-danger" onClick={(e) => {this.setState({status: "", status_text:""})}}>
         {this.state.status_text}
     </div>}
+    {this.state.page == "#eshop" &&
+        <div class="container">
+            {this.state.products.map(product =>
+                <div class="card" style="width: 18rem;">
+                    <img src={product.img} class="card-img-top" alt="..." />
+                    <div class="card-body">
+                        <h5 class="card-title">{product.name}</h5>
+                        <p class="card-text">{product.description}</p>
+                        <a href="#" onClick={(e) => e.preventDefault()} class="btn btn-primary">Přidat do košíku</a>
+                    </div>
+                </div>)}
+        </div>}
     {this.state.page == "#racers" &&
         <div class="container">
             <table class="table">