diff --git a/resources/views/timeline/public.blade.php b/resources/views/timeline/public.blade.php
new file mode 100644
index 00000000..94488429
--- /dev/null
+++ b/resources/views/timeline/public.blade.php
@@ -0,0 +1,53 @@
+@extends('layouts.app')
+
+@push('scripts')
+<script type="text/javascript" src="{{mix('js/timeline.js')}}"></script>
+@endpush 
+
+@section('content')
+
+<div class="container">
+  <div class="col-12 col-md-8 offset-md-2 pt-4">
+    @if ($errors->any())
+      <div class="alert alert-danger">
+          <ul>
+              @foreach ($errors->all() as $error)
+                  <li>{{ $error }}</li>
+              @endforeach
+          </ul>
+      </div>
+    @endif
+    <div class="card">
+      <div class="card-header font-weight-bold">New Post</div>
+      <div class="card-body" id="statusForm">
+        <form method="post" action="/timeline" enctype="multipart/form-data">
+          @csrf
+          <div class="form-group">
+            <label class="font-weight-bold text-muted small">Upload Image</label>
+            <input type="file" class="form-control-file" name="photo">
+          </div>
+          <div class="form-group">
+            <label class="font-weight-bold text-muted small">Caption</label>
+            <input type="text" class="form-control" name="caption" placeholder="Add a caption here">
+          </div>
+          <button type="submit" class="btn btn-outline-primary btn-block">Post</button>
+        </form>
+      </div>  
+    </div>
+
+    <div class="timeline-feed my-5" data-timeline="public">
+    @foreach($timeline as $item)
+
+      @include('status.template')
+
+    @endforeach
+    </div>
+    <div class="d-flex justify-content-center">
+      {{$timeline->links()}}
+    </div>
+
+  </div>
+</div>
+
+
+@endsection
\ No newline at end of file