This application provides a dynamic Tree View representation of companies' assets, sub-assets, components, and locations. It visualizes hierarchical relationships and supports advanced filtering and navigation features, helping users explore assets efficiently. See full instructions
ScreenRecording_12-19-2024.08-01-18_1.MOV
- Add comprehensive integration tests to validate cross-layer communication and user flows.
- Match Figma's design 1-to-1.
- Add smooth animations for tree node expansion and filtering.
- Test and enhance performance on web and desktop clients.
- The env.json file is included in the repository for ease of testing.
- In production, sensitive data would be passed securely through CI/CD pipelines or deployment environments.
- The app uses a single repository layer for data handling.
- In a full-scale application, local and remote data sources would be separated, and the repository would consolidate data for the presentation layer.
- The project also uses the flat feature layer approach
- All tree nodes are initially expanded during testing to validate UI performance with large datasets.
- Subtrees with more than 3 children remain collapsed (by default) for better usability.
- Flutter SDK installed (instructions)
- A code editor such as VS Code or Android Studio.
git clone [email protected]:developerjamiu/Tractian.git
cd tractian
flutter pub get
- Modify the env.json file to include necessary configurations (tractianApiHost).
- The provided launch configuration assumes env.json is located in the project root.
- Run the project by selecting Launch Development in the debug configuration.
flutter run --dart-define-from-file=env.json