buzzcode2007/FCC-Project-URLShortener
1
0
Fork 0
mirror of https://codeberg.org/buzzcode2007/FCC-Project-URLShortener.git synced 2025-05-21 03:06:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: cleanup glitch assets and files and general prettifying

Browse source
This commit is contained in:
Kris Koishigawa 2020-07-22 14:36:06 +09:00
parent ccddc93fdd
commit a0556d30ee
8 changed files with 71 additions and 150 deletions
Download patch file Download diff file Expand all files Collapse all files

77
views/index.html
View file

@ -1,48 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<title>URL Shortener</title>
<link rel="shortcut icon" href="https://cdn.hyperdev.com/us-east-1%3A52a203ff-088b-420f-81be-45bf559d01b1%2Ffavicon.ico" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />
<link href="/public/style.css" rel="stylesheet" type="text/css" />
</head>
<head>
<title>URL Shortener</title>
<link rel="shortcut icon" href="https://cdn.hyperdev.com/us-east-1%3A52a203ff-088b-420f-81be-45bf559d01b1%2Ffavicon.ico" type="image/x-icon"/>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link href="/public/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<h2>API Project: URL Shortener Microservice</h2>
<h3>User Story:</h3>
<ol>
<li>I can POST a URL to <code>[project_url]/api/shorturl/new</code> and I will receive a shortened URL in the JSON response.<br />Example : <code>{"original_url":"www.google.com","short_url":1}</code></li>
<li>
If I pass an invalid URL that doesn't follow the <code>http(s)://www.example.com(/more/routes)</code> format, the JSON response will contain an error like <code>{"error":"invalid URL"}</code><br />
HINT: to be sure that the submitted url points to a valid site you can use the function <code>dns.lookup(host, cb)</code> from the <code>dns</code> core module.
</li>
<li>When I visit the shortened URL, it will redirect me to my original link.</li>
</ol>
<body>
<div class="container">
<h2>API Project: URL Shortener Microservice</h2>
<h3>User Story: </h3>
<ol>
<li>I can POST a URL to <code>[project_url]/api/shorturl/new</code> and I will receive a shortened URL in the JSON response.<br>Example : <code>{"original_url":"www.google.com","short_url":1}</code></li>
<li>If I pass an invalid URL that doesn't follow the <code>http(s)://www.example.com(/more/routes)</code> format, the JSON response will contain an error like <code>{"error":"invalid URL"}</code><br>
HINT: to be sure that the submitted url points to a valid site you can use the function <code>dns.lookup(host, cb)</code> from the <code>dns</code> core module.</li>
<li>When I visit the shortened URL, it will redirect me to my original link.</li>
</ol>
<h3>Short URL Creation </h3>
<p>
example: <code>POST [project_url]/api/shorturl/new</code> - <code>https://www.google.com</code>
</p>
<form action="api/shorturl/new" method="POST">
<label for="url_input">URL to be shortened</label>
<input id="url_input" type="text" name="url" value="https://www.freecodecamp.org">
<input type="submit" value="POST URL">
</form>
<h3>Example Usage:</h3>
<a href="https://url-shortener.freecodecamp.repl.co/api/shorturl/3">
[this_project_url]/api/shorturl/3
</a>
<h3>Short URL Creation</h3>
<p>example: <code>POST [project_url]/api/shorturl/new</code> - <code>https://www.google.com</code></p>
<form action="api/shorturl/new" method="POST">
<label for="url_input">URL to be shortened</label>
<input id="url_input" type="text" name="url" value="https://www.freecodecamp.org" />
<input type="submit" value="POST URL" />
</form>
<h3>Example Usage:</h3>
<a href="https://url-shortener.freecodecamp.repl.co/api/shorturl/3"> [this_project_url]/api/shorturl/3 </a>
<h3>Will Redirect to:</h3>
<p>https://forum.freecodecamp.org/</p>
</div>
<div class="footer">
<p>
by <a href="https://www.freecodecamp.org">freeCodeCamp</a>
</p>
</div>
</body>
</html>
<h3>Will Redirect to:</h3>
<p>https://forum.freecodecamp.org/</p>
</div>
<div class="footer">
<p>by <a href="https://www.freecodecamp.org">freeCodeCamp</a></p>
</div>
</body>
</html>