diff --git a/app/Http/Controllers/ChismosaController.php b/app/Http/Controllers/ChismosaController.php
new file mode 100644
index 0000000..f576b7d
--- /dev/null
+++ b/app/Http/Controllers/ChismosaController.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class ChismosaController extends Controller
+{
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware(['auth','subpedido']);
+    }
+
+
+    public function show()
+    {
+        return view('chismosa');
+    }
+}
diff --git a/public/js/app.js b/public/js/app.js
index 0d46c60..17ed606 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -8,7 +8,7 @@ Vue.component('nav-bar', {
               <img src="/assets/logoMPS.png" height="28">
             </a>
             <p style="margin:0 auto" class="navbar-item"><slot name="subpedido"></slot></p>
-            <a class="navbar-item" href="#">
+            <a class="navbar-item" href="/chismosa">
               <img style="padding:0 0.3em;" src="/assets/chismosa.png" height="28">
               <p style="margin:0 auto; color:white">$ <span v-text="subpedido == null ? 0 : subpedido.total"></span></p>
             </a>
@@ -35,7 +35,7 @@ Vue.component('nav-bar', {
 	data() {
 		return {
 			isActive: false,
-      subpedido: null
+            subpedido: null
 		}
 	},
 	methods: {
diff --git a/public/js/chismosa.js b/public/js/chismosa.js
new file mode 100644
index 0000000..95aab20
--- /dev/null
+++ b/public/js/chismosa.js
@@ -0,0 +1,82 @@
+Vue.component('chismosa', {
+    template: `
+        <div class="container">
+            <table class="table is-fullwidth">
+                <thead>
+                <tr>
+                    <th><abbr title="Producto">Prod</abbr></th>
+                    <th><abbr title="Cantidad">Cant</abbr></th>
+                    <th><abbr title="Precio Total">$</abbr></th>
+                    <th>Editar</th>
+                    <th><abbr title="Eliminar">X</abbr></th>
+                </tr>
+                </thead>
+                <tfoot>
+                <tr>
+                    <th><abbr title="Bonos de Transporte">BTR</abbr></th>
+                    <th>{{ this.subpedido.bonos_de_transporte }}</th>
+                    <th>{{ this.subpedido.subtotal_bonos_de_transporte }}</th>
+                    <th></th>
+                    <th></th>
+                </tr>
+                <tr>
+                    <th>Total total</th>
+                    <th></th>
+                    <th>{{ this.subpedido.total }}</th>
+                    <th></th>
+                    <th></th>
+                </tr>
+                </tfoot>
+                <tbody>
+                <producto-row v-for="producto in this.subpedido.productos" :producto="producto" :key="producto.id"></producto-row>
+                </tbody>
+            </table>
+        </div>
+    `,
+    data() {
+        return {
+            subpedido: {
+                productos:[]
+            },
+        }
+    },
+    computed: {
+        /* TODO: tener el camino que se había hecho antes de abrir la chismosa para volver atrás */
+        miga: function() {
+            return {
+                nombre: "Chismosa de " + this.subpedido.nombre,
+                href: "/chismosa"
+            }
+        }
+    },
+    beforeCreate() {
+        axios.get("/subpedidos/obtener_sesion").then(response => {
+            this.subpedido = response.data.subpedido;
+            this.fetchSubpedido();
+            Event.$emit("migas-agregar",this.miga);
+        });
+    },
+    methods: {
+        fetchSubpedido() {
+            axios.get("/api/subpedidos/" + this.subpedido.id)
+                .then(response => {
+                    this.subpedido = response.data.data;
+                });
+        }
+    }
+});
+
+Vue.component('producto-row', {
+    template: `
+    <tr>
+            <th>{{ this.producto.nombre }}</th>
+            <td>{{ this.producto.pivot.cantidad }}</td>
+            <td>{{ this.producto.pivot.total }}</td>
+            <td>ACÁ VA BOTON PA EDITAR</td>
+            <td>ACÁ VA BOTON PA BORRAR</td>
+    </tr>
+    `,
+    props: {
+        producto: Object
+    }
+})
diff --git a/resources/views/chismosa.blade.php b/resources/views/chismosa.blade.php
new file mode 100644
index 0000000..6760876
--- /dev/null
+++ b/resources/views/chismosa.blade.php
@@ -0,0 +1,13 @@
+@extends('layouts.app')
+
+@section('stylesheets')
+
+@endsection
+
+@section('content')
+    <chismosa></chismosa>
+@endsection
+
+@section('scripts')
+    <script src="{{ asset('js/chismosa.js') }}"></script>
+@endsection
diff --git a/routes/web.php b/routes/web.php
index 8a4a4a0..3c3d0e0 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -19,13 +19,15 @@ Auth::routes(['register' => false]);
 
 Route::get('/productos', 'ProductoController@index')->name('productos.index');
 
+Route::get('/chismosa', 'ChismosaController@show')->name('chismosa.show');
+
 Route::middleware('auth')->group( function() {
 
 	Route::name('subpedidos.')->prefix("subpedidos")->group( function() {
 		Route::get('/', function() {
 			return view('subpedidos_create');
 		})->name('create');
-	
+
 		Route::post('guardar_sesion', function() {
 			$r = request();
 			if (!isset($r["subpedido"])) {