New feature: Complete UI/UX Makeover

in utopian-io •  8 months ago

New Features

Complete UI/UX Change

  • Added Datatables Instead Of Ordinary tables such that tables are now searchable and dynamically paged

  • Tables are now more mobile-optimized

  • All Pages have been redesigned from scratch to feature a better User Experience

  • The frontend Dependencies are more Stable now

PREVIOUS VIEW
  • Front Page
    3.PNG

  • Result Page
    4.PNG

NEW VIEW

  • Front Page
    2.PNG

  • Result Page
    1.PNG

How did you implement it/them?

I changed the dependencies from Material-Bootstrap to Simple Bootstrap to afford simplicity of frontend changes. For that, I had to redesign all pages from scratch. Also, I made use of Bootstrap Datatables that afforded the new tables the search-ability,responsiveness and dynamic paging.


Commit link: Commit
Website Link: Steempayout.com



Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Nice post sir

wow
this is procedur of Complete UI/UX Makeover.......its really helpful to all..... it benefited us so far.....thanks for update.......redesinged it its very difficult and tough one that are done by you,,,,,its amazing.....really impressed.......thanks for your advise........

Er...

New view

You have the front page and result page mixed up

·

Thanks. Nerd

·
·

You're not welcome

Lonely nerd

·
·
·

Lol Ironic Nerd

Congratulations!,@akintunde Your post has been upvoted by Reach Out, which is proudly sponsored by @eturnerx. Our goal is to support Nigerian minnows on Steemit. Join our discord group https://discord.gg/NWAkKfn

Benefactor : @bleepcoin

Curator On Duty: Richie, the Manual Bot

We invite you to the @eoscafe community [https://discord.gg/wdUnCdE]

Hey How r u dear pls Vote me and follow me I have already given u vote

Hey I found some critical security issue related to your project which I documented here. Can you please take care of it? Thank you in advance & great job you did there :)

This is a great improvement, it looks far more aesthetic than the first version. great work bro, just keep them coming

Hey @akintunde I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Utopian Witness!

Participate on Discord. Lets GROW TOGETHER!

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Hey, can you please enable issues for your project? This way people can communicate with you, report bugs, submit suggestions and so on...

·

Okay. I definitely will