This project is a React application that provides a dashboard for managing data related to organisation units in DHIS2. It includes various components such as an organisation unit tree, data elements associated with selected organisation units, and a datastore lookup management system.
-
Clone the repository:
git clone [[https://github.com/yourusername/dhis2-dashboard](https://github.com/Derrick-Nuby/dhis2-organisation-manager-dashboard)](https://github.com/Derrick-Nuby/dhis2-organisation-manager-dashboard).git cd web -
Install dependencies:
yarn install
-
Start the development server:
yarn start
-
Build a deployable version:
yarn build
- Open your browser and navigate to
http://localhost:3000. - Use the navigation links to access different sections of the dashboard.
- Select organisation units to view associated dataSets and manage datastore lookups.
The Home component displays navigation links to different sections of the application.
The OrgUnitTree component displays a tree of organisation units and allows selection.
The AsideDataElements component displays data Sets associated with the selected organisation unit.
The DataTariff component integrates the organisation unit tree and displays data elements for the selected organisation unit.
The CustomModal component is a reusable modal dialog.
The ItemsLookUpTable component displays and manages datastore lookup items.
The LookUp component integrates the ItemsLookUpTable component with a modal for adding new lookup items.
- React
- TypeScript
- Tailwind CSS
- DHIS2 UI Library
- dhis2 app runtime
- react router dom
- cli-app-scripts (for app initiatlization)
Contributions are welcome! Please fork the repository and submit a pull request.
This project is licensed under the BSD-3-Clause License. See the LICENSE file for details.