I applied to the Snr. Front-end position @CookAngels and was assigned this test. I made this repo in order to give you access to my source code. The project is deployed and available online: https://cookangels-test.now.sh
It's bare minimum UI and styling. For this assignement I used the JSX styling
method for simplicity. In bigger projects I rather prefer to use a styling file per component or page, using SASS or Stylus. When needed I also use CSS Modules, but I try to keep my CSS naming clean so I don't create naming collisions.
- The UI do not update when changing the rating on the pages:
/list
and/movie/${id}
. I did not take time to fix this issue.
I was assigned to make a React / Redux mini-app, so I chose to work with the create-next-app
boilerplate. I am use to this environement and I find it easy and fast to use for quick projects like this assignement.
Below you will find the original README.md
of the boilerplate.
Deploy the example using ZEIT Now:
Execute create-next-app
with npm or Yarn to bootstrap the example:
npm init next-app --example with-redux-thunk with-redux-thunk-app
# or
yarn create next-app --example with-redux-thunk with-redux-thunk-app
Download the example:
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-redux-thunk
cd with-redux-thunk
Install it and run:
npm install
npm run dev
# or
yarn
yarn dev
Deploy it to the cloud with ZEIT Now (Documentation).