open_ngo

This is a flutter UI challenege project, where I will take on UI design and will try to implement that in Flutter.

UI challenge

The original design is

Please note that as I have the screenshots only and not exact measurements, fonts, colors, the implementation would vary from the design.

Let's build

1. Login page

The login page I developed looks like

Close enough right? 😏

2. Landing Page

So my implementation looks like

Could not find the heart icon in flutter Icons, hence the alteration. Still pretty close though 💥

3. Charities page

This is what I built

Altered the user's picture here, for obvious reasons 😂

3. Charity details page

Tried to replicate as much as I could

Looks pretty good to me 💗

This is pretty much what I wanted to achieve

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Author

• Aritra Das - twitter