- Clone repository using
git clone - https://github.com/abhishek-rs/viaplay-app.git
- While in the project folder run
docker-compose up -d --build
- Open
localhost:3000
on your browser
- Clone repository using
git clone - https://github.com/abhishek-rs/viaplay-app.git
- While in the project folder run
npm install
- After install is complete, run
npm start
- Open
localhost:3000
on your browser
- React
- Sass
- Docker
- Fetch all the blocks of movies available at
https://content.viaplay.se/pcdash-se/film
and fetch the first page of movies in each of these blocks from the block's dedicated endpointhttps://content.viaplay.se/pcdash-se/film?blockId=XXXXXXX&partial=1&pageNumber=1
- These movies are displayed according to their blocks in two layouts - grid or carousel
- The layouts can be switched using a switch available at the top of each block.
- Data displayed for each movie - title, imdb rating, link to imdb page, year, duration and synopsis.
- Dockerised.
- Better carousel implementation. Current one does not work will with small screens as the number of items in carousel is large.
- Better design overall.
- Individual movie pages with more info about the movie.
- React toggle switch - https://www.npmjs.com/package/react-toggle-switch
- React slick - https://github.com/akiran/react-slick
- Create-react-app - https://github.com/facebook/create-react-app