diff --git a/resources/views/collection/create.blade.php b/resources/views/collection/create.blade.php
new file mode 100644
index 00000000..a76d0dbd
--- /dev/null
+++ b/resources/views/collection/create.blade.php
@@ -0,0 +1,24 @@
+@extends('layouts.app')
+
+@section('content')
+
+<collection-compose collection-id="{{$collection->id}}" profile-id="{{Auth::user()->profile_id}}"></collection-compose>
+
+@endsection
+
+@push('styles')
+<style type="text/css">
+</style>
+@endpush
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/collectioncompose.js') }}"></script>
+<script type="text/javascript" src="{{ mix('js/compose.js') }}"></script>
+<script type="text/javascript">
+$(document).ready(function() {
+  new Vue({ 
+    el: '#content'
+  });
+});
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/collection/show.blade.php b/resources/views/collection/show.blade.php
new file mode 100644
index 00000000..17b8fa63
--- /dev/null
+++ b/resources/views/collection/show.blade.php
@@ -0,0 +1,33 @@
+@extends('layouts.app')
+
+@section('content')
+
+<div class="container">
+	<div class="row">
+		<div class="col-12 mt-5 py-5">
+			<div class="text-center">
+				<h1>Collection</h1>
+				<h4 class="text-muted">{{$collection->title}}</h4>
+			</div>
+		</div>
+		<div class="col-12">
+			<collection-component collection-id="{{$collection->id}}"></collection-component>
+		</div>
+	</div>
+</div>
+
+@endsection
+
+@push('styles')
+<style type="text/css">
+</style>
+@endpush
+@push('scripts')
+<script type="text/javascript" src="{{mix('js/compose.js')}}"></script>
+<script type="text/javascript" src="{{mix('js/collections.js')}}"></script>
+<script type="text/javascript">
+	new Vue({
+		el: '#content'
+	})
+</script>
+@endpush	
\ No newline at end of file