freeCodeCamp.org-Back-End-Dev-and-APIs
/
exercisetracker
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: update urls to new version of project (#51)

Browse Source 
Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>
main
gikf 3 years ago committed by GitHub
parent 045979ab01
commit 9eb0d63d53
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 40 additions and 29 deletions
Show Stats Download Patch File Download Diff File

69
views/index.html
Unescape Escape View File

@ -1,35 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<title>Exercise Tracker | freeCodeCamp</title>
<link rel="shortcut icon" href="https://cdn.freecodecamp.org/universal/favicons/favicon-32x32.png" type="image/x-icon"/>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<head>
<title>Exercise Tracker | Free Code Camp</title>
<link rel="shortcut icon" href="https://cdn.freecodecamp.org/universal/favicons/favicon-32x32.png" type="image/x-icon"/>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<h1>Exercise tracker</h1>
<form action="/api/users" method="post">
<h3>Create a New User</h3>
<p><code>POST /api/users</code></p>
<input id="uname" type="text" name="username" placeholder="username">
<input type="submit" value="Submit">
</form>
<form id="exercise-form" method="post">
<h3>Add exercises</h3>
<p><code>POST /api/users/:_id/exercises</code></p>
<input id="uid" type="text" name=":_id" placeholder=":_id">
<input id="desc" type="text" name="description" placeholder="description*">
<input id="dur" type="text" name="duration" placeholder="duration* (mins.)">
<input id="dat" type="text" name="date" placeholder="date (yyyy-mm-dd)">
<input type="submit" value="Submit">
</form>
<p>
<strong>GET user's exercise log: </strong>
<code>GET /api/users/:_id/logs?[&amp;from][&amp;to][&amp;limit]</code>
</p>
<p><strong>[ ]</strong> = optional</p>
<p><strong>from, to</strong> = dates (yyyy-mm-dd); <strong>limit</strong> = number</p>
</div>
<script>
const exerciseForm = document.getElementById("exercise-form");
<body>
<div class="container">
<h1>Exercise tracker</h1>
<form action="/api/exercise/new-user" method="post">
<h3>Create a New User</h3>
<p><code>POST /api/exercise/new-user</code></p>
<input id="uname" type="text" name="username" placeholder="username">
<input type="submit" value="Submit">
</form>
<form action="/api/exercise/add" method="post">
<h3>Add exercises</h3>
<p><code>POST /api/exercise/add</code></p>
<input id="uid" type="text" name="userId" placeholder="userId*">
<input id="desc" type="text" name="description" placeholder="description*">
<input id="dur" type="text" name="duration" placeholder="duration* (mins.)">
<input id="dat" type="text" name="date" placeholder="date (yyyy-mm-dd)">
<input type="submit" value="Submit">
</form>
<p><strong>GET users's exercise log: </strong><code>GET /api/exercise/log?{userId}[&amp;from][&amp;to][&amp;limit]</code></p>
<p><strong>{ }</strong> = required, <strong>[ ]</strong> = optional</p>
<p><strong>from, to</strong> = dates (yyyy-mm-dd); <strong>limit</strong> = number</p>
</div>
</body>
exerciseForm.addEventListener("submit", () => {
const userId = document.getElementById("uid").value;
exerciseForm.action = `/api/users/${userId}/exercises`;
exerciseForm.submit();
});
</script>
</body>
</html>

Write Preview
Loading…
Cancel
Save