Skip to content

Conversation

@IamLRBA
Copy link
Contributor

@IamLRBA IamLRBA commented Dec 29, 2025

Pull Request Title

feat(synkronus-portal): redesign dashboard UI with modern minimalist aesthetic

Description

This PR implements a comprehensive UI redesign of the Synkronus Portal dashboard, transforming it into a modern, minimalist, and futuristic interface. The redesign focuses on improving visual hierarchy, spacing, and user experience while maintaining all existing functionality.

Key Changes:

  • Replaced all emojis with appropriate Heroicons (outline icons for inactive states, solid icons for active states)
  • Implemented centered layouts for all dashboard sections (Overview, App Bundles, Users, Observations, Data Export, System)
  • Redesigned buttons with custom fading border effects and hover states
  • Added blurred background image layer for enhanced visual depth
  • Improved spacing and visual hierarchy across all components
  • Enhanced Create User modal with redesigned dropdown (custom arrow, better colors, improved styling)
  • Updated login page to match the new design system

##Screenshots
Before:
aa

After:
aaaaa

Login Page Before and After:
a
aaaa

Type of Change

  • New Feature / Enhancement
  • Bug Fix
  • Refactor / Code Cleanup
  • Documentation Update
  • Maintenance / Chore
  • Other (please specify):

Component(s) Affected

  • formulus (React Native mobile app)
  • formulus-formplayer (React web app)
  • synkronus (Go backend server)
  • synkronus-cli (Command-line utility)
  • Documentation
  • DevOps / CI/CD
  • synkronus-portal

Testing

  • Unit tests added/updated
  • Integration tests added/updated
  • Manually tested
  • Tested on multiple platforms (if applicable)
  • Not applicable

Manual Testing Performed:

  • Verified all dashboard sections render correctly
  • Tested button interactions and hover states
  • Confirmed modal functionality (Create User, Reset Password, etc.)
  • Verified responsive behavior
  • Tested login page functionality
  • Confirmed all icons display correctly

Breaking Changes

  • This PR introduces breaking changes
  • This PR does NOT introduce breaking changes

If breaking changes, please describe migration steps:


Documentation Updates

  • Documentation has been updated
  • Documentation update is not required

Checklist

  • Code follows project style guidelines
  • All existing tests pass
  • New tests added for new functionality
  • PR title follows Conventional Commits format

Thank you for contributing to Open Data Ensemble (ODE)!

@IamLRBA IamLRBA force-pushed the Synkronus-Portal-UI branch 2 times, most recently from 6d204c2 to a7e6b90 Compare December 29, 2025 04:16
@Mishael-2584
Copy link
Contributor

@IamLRBA It looks to be issues with missing dependencies or components. Did you run npm run build before push locally?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants