yuelin-wen / cyber-comics-prj

a simple full stack comic fetching app

Home Page:https://cyber-comics-prj.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cyber City Comics

Cyber City Comics is a coding case study that I was given. I built this web page by using EJS, JavaScript and vanilla CSS. And this website is host by Heroku.

Project setup

npm install

Compiles and run

node server.js

Objective

Create a web server hosted on Heroku that serves web pages that display xkcd web comic strips.

Check lists

Requirements:
✓ Use the xkcd API (see https://xkcd.com/json.html)\ ✓ Has to be hosted on Heroku
✓ Has to be done in Javascript without Jquery
✓ Homepage displays the latest comic
✓ Display 1 comic strip per page
✓ Buttons to navigate to the previous and next comic strip
✓ Display the date of when the comic strip was created
✓ Ability to navigate to a specific comic strip by including the comic # in the URL
✓ Parse transcript from API into a more readable format & display on the page
✓ Make the page look nice using vanilla CSS (DO NOT use any CSS frameworks)
Bonus:
✓ A random button that goes to a random comic strip
✓ Make the site responsive
✓ Each comic page has a counter that displays the amount of times this specific comic strip has been viewed on your site

Preview

image

License

[MIT]

About

a simple full stack comic fetching app

https://cyber-comics-prj.vercel.app

License:MIT License


Languages

Language:EJS 45.9%Language:JavaScript 38.7%Language:CSS 15.4%