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.