Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI Design Enhancements and Improvements #8

Merged
merged 5 commits into from
Oct 18, 2024

Conversation

mehedijaman
Copy link
Contributor

@mehedijaman mehedijaman commented Sep 28, 2024

Summary of Changes:

  • Enhanced Login Page with a gradient background for a modern look.
  • Updated Login Form and Forgot Password Form UI.
  • Improved Dashboard Index layout and structure.
  • Refined Data Table UI:
    • Added visible table borders.
    • Increased contrast in the table header for better readability.
  • Replaced ID column with SL (Serial) in data tables for more intuitive content numbering.
  • Updated AppPaginator component to display clearer pagination info, e.g., "Showing 1 to 10 items out of 50 items."
  • Enhanced the Create button by adding a remix plus icon, making it more visually relevant.
  • Made Page Header and Section Header dynamic:
    • On resource/create, the title automatically sets to "Create Resource."
    • On resource/edit, the title changes to "Edit Resource."
    • On /resource, the title is set to "Resources."

These updates contribute to a more cohesive and user-friendly interface throughout the application.

Translations for Bangla (Bn) added.

- Login Page Background. Used gradient
- Login Form
- Forgot Password Form
- Dashboard Index.
- Datatable UI. Made the table borders visible. Table header more contrast.
- Changed the ID to SL. Now the serial of contents should be count.
- Changed the AppPaginator component for "Showing 1 to 10 items out of 50 items"
- Modified the Create button. Added remix plus icon. Now the button looks more relavent.
- Made the Page header and section header dynamic.
@mehedijaman
Copy link
Contributor Author

mehedijaman commented Sep 28, 2024

Login Page -

image

Forgot Password Page -

image

Dashboard -

image

Datatable -

image

Create Button-

image

Dynamic Page and Section Title -

image

@mehedijaman mehedijaman changed the title Update to Enhance UI design UI Design Enhancements and Improvements Oct 3, 2024
@daniel-cintra
Copy link
Collaborator

Hi Mehedi, thank you for your time on this Pull Request. Here are some considerations regarding the suggested changes:

  • Enhanced Login Page with a gradient background for a modern look
    At the moment, we will keep a more neutral approach (white/gray). This ensures that if the user updates the brand/logo, it’s ready to go. In the future, as the project evolves, it can include themes, etc.

  • Updated Login Form and Forgot Password Form UI
    Login form:
    OK.
    Forgot Password Form:
    Please keep the original subtitle text that was removed. It can help inexperienced users understand the flow.

  • Improved Dashboard Index layout and structure
    OK.

  • Refined Data Table UI
    Added visible table borders
    OK.
    Increased contrast in the table header for better readability:
    OK.

  • Replaced ID column with SL (Serial) in data tables for more intuitive content numbering:
    During the development cycle, the ID can be used as a quick visual reference for the entities directly in the interface. This is the main reason for the column, which can probably be removed at a later stage of implementation.

  • Updated AppPaginator component to display clearer pagination info, e.g., “Showing 1 to 10 items out of 50 items.”
    OK, perfect.

  • _ Enhanced the Create button by adding a remix plus icon, making it more visually relevant_
    OK.

  • Made Page Header and Section Header dynamic
    On resource/create, the title automatically sets to “Create Resource.”
    On resource/edit, the title changes to “Edit Resource.”
    On /resource, the title is set to “Resources.”

    At each title change, there’s intermediate text showing in the title: “Modular - Laravel.” We have a smooth transition in the interfaces with a truncated change in title. I recommend merging this change only with a stable change in title values.

Thank you very much for your time and effort on this Pull Request, and please consider the comments above...

For future Pull Requests, splitting the changes in dedicated/focused subjects/Pull Requests will be easier/faster to be reviewed, like:

  • Updated Login Form and Forgot Password Form UI (Pull Request)
  • Data Grid Updates (Pull Request)
  • Dynamic titles (Pull Request)

Thanks!

@mehedijaman
Copy link
Contributor Author

Updated according to the Recommendations. Please review and accept the PR.

Copy link
Collaborator

@daniel-cintra daniel-cintra left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@daniel-cintra daniel-cintra merged commit fab7c85 into ModularThink:main Oct 18, 2024
1 check passed
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