This project was bootstrapped with Create React App and built with React, Redux, JavaScript, and CSS.
axios
react-redux
react-router
react-router-dom
redux
redux-thunk
The requirements below are optional.. Only for testing
enzyme
enzyme-adapter-react-16
redux-mock-store
Clone down this repository. You will need node and npm installed globally on your machine.
Installation:
To install all the necessary requirements and dependency. In the project directory run:
To Run Test Suite
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
To Start Server
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
The technologies implemented in this project are React, React-Router , Redux, axios and a significant amount of VanillaJS, JSX, and CSS. I chose to use the create-react-app boilerplate to minimize initial setup and invest more time in diving into weird technological rabbit holes. Also i choose redux purposely to manage the state of react component such as the error state, loading state and the content gotten from API JSON Feed using axios.
The improvement that can be made to this project are:
1. Adding a detail page showing description about each movie or series
2. Adding authentication.
3. Functionality of adding movie or series to a watchlist, favourite or playlist.
4. Adding pagination