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.