Day 22 of Building Crowdwide: I Thought UI Polish Would Be Easy, BUT I WAS WRONGGGGG 😭

I was building the social media platform for newly created creators and someone who wants a simple place to post and make a community or indie page for growing. Crowdwide has an algorithm for that, which shows posts and things according to the interests of the user, and with its design, new people in a larger community get a chance to grow faster!!

The current state of Crowdwide is quite interesting.

I'm done with all its core features, and now it's time to just polish the UI and make it clearer, cleaner, and more authentic!

And I thought it would be a simple, easy task! What do I need to do? Just change the color and give it a few more CSS properties!!

BUT I WAS WRONGGGGG... 😭

I was deeply checking the UI of Crowdwide and found some places where margin was required, some places where padding was required, and some places where border-radius was destroying the look of the page (profile page).

After noting everything down, I found a few more things to change.

@effessdev suggested me to add optimistic UI.

I never thought this was an important part because if the server is working, it will hardly take 1–2 seconds to update, so I always ignored this thing. And in Crowdwide, I never thought that I should implement this, and wasn't expecting this as a suggestion too!!

But thanks, EffessDev, for pointing this out, and now I just fixed this too!!

And for UI and layout improvement, I was so confused. Odinaka Robert Nnamani, Rosana, and Oleksandr helped me and gave great suggestions!

So I have changed the sidebar, like made it separate from the layer of the feed. Now it opens and closes, and when it opens, the background gets blurred and a little dimmer, so it gets focused!

And I thought I should remove the gradient background, and now it feels good. But still, I kept that gradient background in some places, not removed completely from the platform.

and now UI looks something like this...:

And Crowdwide got:

13 members

65 posts shared

4 communities

And this is a shoutout to the top members of Crowdwide.

Thanks for the suggestions!!
comment if you think anything is left...

Links:

🌐 Live platform: https://www.crowdwide.run.place/

💻 GitHub repository: https://github.com/DeveloperPuneet/Crowdwide