This is a React application using react-table. It loads data from json file and show them in the react table. The table is responsive hiding columns according to the table width. Once a table row is clicked, it show split view for a update form, which shows dynamic fields based on the passed meta data.
You can check the demo by clicking here.
- React v17
- Typescript
- Redux Thunk
- Tailwind CSS
- React Icons
- Jest
- Cypress
- CI/CD
.
├── public
└── src
├── __tests__
├── components
├── layouts
├── pages
├── providers
├── store
├── types
This is the folder contains the HTML file and static asset files.
contains all unit tests.
contains all reusable components.
contains the layout components.
contains the page files which are included in the routing system.
contains the providers interacting with external sources.
implements redux store.
contains the typescript types.
You can run the following commands to start the application and for the unit/integration tests.
# npm
npm install
npm run dev # run the application on local
npm run test # run unit testing
npm run test:e2e # integration testing using cypress
npm run cypress:run # silent mode of cypress test
# yarn
yarn
yarn dev # start the application on local
yarn run test # unit testing
yarn test:e2e # integration testing using cypress
yarn cypress:run # silent mode of cypress test