Last min fixes

fac21 · Apr 29, 2021 · 2da645a · 2da645a
1 parent e847f58
commit 2da645a
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,15 @@
 # week6-app-jcnr
 
+
+### To run this locally:
+
+- `git clone` the repo
+- `npm install` to install the necessary node packages.
+- Create a `.env` file in the root folder and add API_KEY, DATABASE_URL and COOKIE_SECRET
+- `npm run dev` to run the server
+- visit `localhost:3000`
+
+
 Draft schema:
 
 ![image](https://user-images.githubusercontent.com/31373245/116393757-f3087a80-a819-11eb-8cbc-53a3bc17401a.png)
diff --git a/public/default-skate-bkground.jpg b/public/default-skate-bkground.jpg
diff --git a/public/style.css b/public/style.css
@@ -18,7 +18,6 @@ body {
   img {
     display: block;
     width: 100%;
-    height: 100%;
     object-fit: cover;
     position: absolute;
     z-index: -1;

diff --git a/routes/signUp.js b/routes/signUp.js
@@ -1,6 +1,5 @@
 const auth = require("../auth.js");
-//NEED TO CONFIRM FROM C&R's CODE:
-// const templates = require("");
+const templates = require("../templates.js");
 
 // function get(request, response) {
 //   const signUpForm = `
@@ -20,19 +19,23 @@ const auth = require("../auth.js");
 // }
 
 function get(request, response) {
-  response.send(`
-      <h1>Create an account</h1>
-      <form action="sign-up" method="POST">
-        <label for="username">Name</label>
-        <input type="text" id="username" name="username">
-        <label for="email">Email</label>
-        <input type="email" id="email" name="email">
-        <label for="password">Password</label>
-        <input type="password" id="password" name="password">
-        <button type="submit">Sign up</button>
-      </form>
-    `);
-}
+  const createAccount = `
+       <h1>Create an account</h1>
+       <form action="sign-up" method="POST">
+         <label for="username">Name</label>
+         <input type="text" id="username" name="username">
+         <label for="email">Email</label>
+         <input type="email" id="email" name="email">
+         <label for="password">Password</label>
+         <input type="password" id="password" name="password">
+         <button type="submit">Sign up</button>
+       </form>
+  `
+
+ const html = templates.htmlTemplate(createAccount, "");
+ response.send(html);
+     ;
+ }
 
 function post(request, response) {
   //console.log(request.body);

diff --git a/templates.js b/templates.js
@@ -18,7 +18,7 @@ function htmlTemplate(bodyContent, headerContent) {
       <title>Grinder</title>
     </head>
     <body>
-    <img class='bg-image' src="" alt='random image'>
+    <img class='bg-image' src="/default-skate-bkground.jpg" alt='random image'>
     <img class="logo" src="/Grinder-logo.png" alt="Grinder logo"><br/>
 
     <header>