This project was bootstrapped with Create React App.
npm install
To start the app, run:
npm start
npm run test
Testcafe is used for end-to-end tests. The command below will run the tests in Firefox and Chrome in headless mode.
npm run testcafe:all
This is a showcase project for a form that can edit "user-roles" for example "projects". Each user can have maximum one role per project. The actual API calls are mocked.
All roles in the initial dataset can be edited and deleted. New roles can be created for the available users (per project). Because the API mock only accounts for existing data, newly created roles can't be updated/deleted.
The app uses the ReactJS framework, and is written with JSX and ES6 syntax.
The React state is handled using Redux, and redux-form for form-states. Asynchronous processes are implemented in a saga-pattern using
redux-saga and redux-saga-routines. Handling API calls is done using the axios library, and the API calls
are mocked with axios-mock-adapter.
To ensure state-immutability, the immutability-helper library is used by the reducers to change the state.
For styling and user interface, the react-widgets and styled-components libraries are used.
After cloning the repository and running npm install, sometimes the error message is given:
sh: 1: react-scripts: not found
This is an issue in create-react-app, and can be
fixed by running npm install again.