Steemia - UI Refactored and minor changes

About the old user interface

---

Steemia old UI was itself in dark. After analyzing the user interface, we conclude that it will look better using a light user interface which gives the user a relief to their eyes. Even though we will add a dark user interface, the default one will keep light. In addition, the cards in the content were changed to a full width cards which looks better. Also, tabs were moved below the app bar giving it a social media like look.

Changes made

---

• The user interface was redesigned with a more user-friendly look
• Tabs were aligned below the app bar which gives it a more social media look
• Material design style menu added as a dynamic component for better usability
• Unnecessary CSS removed and some styles were added to adjust components in the user interface

How it looks now?

---

Here is a taste of how the user interface looks now

How was it before?

---

Here is how the app used to look before

Roadmap

---

My personal milestone is to redesign the UI while my partner works in the logic of the app. Here is a quickly throughout to my roadmap:

• Add a filtering page for the content
• Work in the remaining sections of the app
• Work in animations to give an interactive user interface

Want to contribute?

---

For those who wants to contribute, you just need to fork the following repo:

https://github.com/Steemia/Steemia

and start making changes. Once you are done, feel free to send us a PR (Pull Request) and we will be happy to review it.

Github proof

---

---

Posted on Utopian.io - Rewarding Open Source Contributors

---