7. Back Office (ReactJS 16)

The backoffice of the casino is a web application built with ReactJS, designed to streamline and manage various aspects of casino operations. It provides a user-friendly interface for casino administrators to manage diverse aspects of the casino.

7.1 File Structure

The _gwydion subfolder in the src directory contains the layout settings.

The app subfolder includes the following subdirectories:

7.1.1. crud

The crud folder in the app directory contains the actions.

7.1.2. pages

The pages folder includes various pages such as auth, games, users, etc.

7.1.3. partials

The partials folder contains reusable partial components used across different pages.

7.1.3. router

The router folder is responsible for the configuration and setup of routing. It also includes the router helper file.

7.1.4. utilities

The utilities folder encompasses utility helper files.

7.1.5. widgets

The widgets folder is dedicated to reusable widget components.

7.1.6. store

The store folder contains sagas for managing asynchronous operations.

7.2 Styling with Sass

The project's styling is powered by Sass, a powerful CSS preprocessor that extends the capabilities of standard CSS. The sass files are located in:

src > _gwydion > assets > sass

The node-sass module in compiles the .scss files to css files with speed and automatically through connected middleware.

7.3 State Management With Redux-Saga

Redux-Saga is an intuitive Redux side effect manager. Redux-Saga provides tools for canceling and forking sagas. This is useful for managing the lifecycle of asynchronous tasks, especially in scenarios where a user navigates away from a page or cancels a request.