alexprut / tvbland

TV Bland (Challenge)

Home Page:https://alexprut.github.io/tvbland/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JavaScript Style Guide MIT CSS BEM Dependencies Build Status Demo link

Challenge

Build a website based on these wireframes that consumes data from the TV Maze API. The first layout should use the Schedule API, and each of the Episodes should link to a Show layout.

Requirements

  • The layout should be based on the provided wireframes, however the look, feel and any interactivity is up to you
  • Work should be submitted as a Git repository
  • The site should be built using HTML, CSS and JavaScript, and as far as styling is concerned: SCSS, Pre/Post CSS, CSS Modules, and CSS-in-JS are all encouraged
  • The site should be built using responsive techniques to behave well on a variety of devices
  • The site should function as a single page application
  • The site should support the last 2 versions of Chrome, Firefox, Safari, Edge and Internet Explorer
  • We encourage the use of a framework - our preference is React.
  • The use of a build tool
  • Responsive images
  • Tests (Unit and/or end-to-end)
  • Pagination
  • Performance optimisation



Documentation

Below are provided the instructions on how to install, build, further develop the application and the references to the deployed production demo website and the kanban board.

Install

npm install

Build (Development)

npm run server

Build (Production)

npm run build

Demo

A deployed version of the application is provided at the following link: https://alexprut.github.io/tvbland/
The application is deployed on the GitHub pages service, since the service uses the https protocol please make sure to manually allow the browser to load the scripts (i.e. Load unsafe scripts).

Roadmap

The Kanban Board can be found at the following address: https://github.com/alexprut/tvbland/projects/1

License

Licensed under MIT.

About

TV Bland (Challenge)

https://alexprut.github.io/tvbland/


Languages

Language:JavaScript 76.3%Language:CSS 23.7%