STG dashboard
owner : STG
project estimating time is 312 hours.
react.js
javascript
typescript
react router
react query
redux
MUI
CSS
HTML
i18next
formik
yup
axios
The dashboard web app is a powerful and feature-rich solution for managing the STG Android app. It offers users an engaging platform to play games and win prizes, while providing an intuitive user interface, optimized performance, and a seamless user experience. Powered by React.js, JavaScript, and TypeScript, the app boasts an impressive range of features.
- The user interface is built using the Material-UI (MUI) library, ensuring responsive,a sleek and visually captivating design.
- The app further supports multilingual functionality with i18next, enabling users to seamlessly switch between English,Arabic and deutsche.
- To optimize data fetching and synchronization with the server, the app employs React Query, providing efficient caching and reducing unnecessary network requests.
- Networking capabilities are enhanced with the use of Axios, a popular HTTP client library, which simplifies API calls.
- Form handling and validation are seamlessly managed with Formik and Yup, guaranteeing data integrity and accuracy.
- The app incorporates advanced features such as pagination, ensuring efficient data retrieval by fetching smaller chunks of data at a time.
- The debounce search mechanism optimizes search functionality by intelligently delaying requests until the user stops typing.
- User permissions are meticulously managed using the CASL library, allowing fine-grained access control based on user permissions.
- Toast notifications elegantly communicate success and failure messages to users.
- persist filter values in url params
- The app employs skeleton loading to enhance the user experience, providing placeholder content while data is being fetched.
- A secure login page ensures authenticated access to the app.
- Visualizations and charts are seamlessly integrated into the dashboard, presenting data in a clear and informative manner.









