Challenge React Movie Page, create a movie page to display a carousel of posters and movie details with filtering by genre
- NPM. dependency manager;
- Mocha. test framework;
- Chai. BDD/TDD assertion library;
- ESLint. lint tool;
- ReactJS. For building user interfaces;
- Sinon. Standalone test spies, stubs and mocks;
- NYC. Code coverage tooling;
- Node Fetch. HTTP client;
Make sure your NodeJS version is matching .nvmrc
file. If you don't have this version please use a version manager such as nvm
or n
to manage your local nodejs versions.
Please make sure that you are using the correct NodeJS version :) Assuming you are using
nvm
, please run the commands on the project folder:
$ nvm install $(cat .nvmrc); # install required Node.js version
$ nvm use $(cat .nvmrc); # use Node.js version
$ npm install
In Windows, please install NodeJS using one of these options:
Via NVM Windows
package: Dowload via this link. After that, run the commands:
$ nvm install $(cat .nvmrc); # install required Node.js version
$ nvm use $(cat .nvmrc); # use Node.js version
$ npm install
Via Chocolatey:
$ choco install nodejs.install -version v8.9.4
npm run test
npm run dev
npm run watch # used together with development for TDD.
npm run build
Tech debt / improvements list for this project
- Improve User experience.
- The Carousel component has a lot of room to improve. But as the first version we can validate the idea and improve as it goes.
- It has only the base scructural css, missing some beautiful styling
- Missing e2e test with given endpoint.
Alga Leal (4lg4)