Search for movies in react from the MovieDb
For development, you will only need Node.js installed on your environement. Only visually tested on latest version of Chrome and Firefox
Recommended to use Yarn rather than npm as all instructions will be written with yarn.
Node is really easy to install & now include NPM. You should be able to run the following command after the installation procedure below.
$ node --version
v8.11.3
$ npm --version
5.60
$ git clone [email protected]:wroughtec/movie-search.git
$ cd movie-search
$ yarn
An .env
is committed into the repo this contains the API url and API key (this is bad practise but for this excerise will make life easier)
$ yarn dev
This will run a server on localhost:1234
and create a folder called dist
in the root of the repo (it is ignored). Any changes you make the files will be rebuilt
@TODO
To run the tests
$ yarn test
- Add better error handling (create an error component)
- Handle images (or lack thereof)
- Add postCss tools to help deal with older browsers
- Add search by genre
- Colour code each genre
- Refactor GenreTags so can be more reusable to handle the different data structures from the different endpoints
- Clean up styling so pages actually look good
- Add header and footer
- Add pagination to search results
- Add typeahead to search rather than on submit
- Eslint used to help prevent JavaScript errors.
- Parcel to handle the bundling and running of the server
- Prettier keeps our code correctl formatted.
- React library used to build the UI
- ReachRouter the library used for routing
- React currency formatter used to format currency
- immer used to help mange react local state
- Stylelint is used to prevent CSS errors