added app routing and cook page front end

1 files changed, 22 insertions, 0 deletions

diff --git a/recipeBuddy/src/app/cook-page/cook-page.component.html b/recipeBuddy/src/app/cook-page/cook-page.component.html
new file mode 100644
index 0000000..39bef2e
--- /dev/null
+++ b/recipeBuddy/src/app/cook-page/cook-page.component.html
@@ -0,0 +1,22 @@
+<div class="container">
+	<div class="previous">
+		<h1>Step {{step -1}}</h1>
+		<p>{{previousStep}}</p>
+	</div>
+	
+	<div class="current">
+		<h1>Step {{step}}</h1>
+		<p>{{currentStep}}</p>
+		<p>{{timeLeft}}</p>
+		<div>
+			<button (click)="startTimer()">Start Timer</button>
+		</div>
+		<button (click)="previous()">Previous</button>
+		<button (click)="next()">next</button>
+	</div>
+	
+	<div class="next">
+		<h1>Step {{step +1}}</h1>
+		<p>{{nextStep}}</p>
+	</div>
+</div>