search

Felicious / Boba-Bill-2

Front-end app that calculates how much each person needs to pay when splitting the bill, during a multi-transaction hangout
https://bobabill.feliciakuan.com/
2 stars 0 forks source link

wanted: better looking UI #2

Open Felicious opened 3 years ago

Felicious commented 3 years ago

This will be a thread to keep track of the development of my UI! From "crusty," to MVP, to "something I can actually show my friends."

Here's the first entry, one can ask whether the page is even complete yet x: Screenshot (33)

Felicious commented 3 years ago

Screenshot (41)

Included a display of transactions at the bottom! Now have a form for transactions and friends

Felicious commented 3 years ago

Removed the wave; looked too complicated.

Changed font to a rounder (less Times New Roman-looking) "Varena Round". Finally got the RGB values of the pink from the mockup Screenshot (47)

Felicious commented 3 years ago

Changed inputs to single line, turn pink when focused image

My only concern now is the circular button. Employed same technique on circle button as the rectangular one, but it doesn't look quite right. Have to completely style a new one x.x

Felicious commented 3 years ago

Implement tabs (showing only Transaction tab because it has the most stuff) image

Felicious commented 3 years ago

changed the background color and added styles + transition animations to tab switches image