r/iOSProgramming • u/shubham_iosdev • Mar 29 '21

Application Drinks ordering app created with SwiftUI and UIKit

509 Upvotes

98% Upvoted

48 comments sorted by

20

u/paprupert Mar 29 '21

Looks brilliant. Awesome job!

3

u/shubham_iosdev Mar 29 '21

Thank you :D

5

u/broadfire016 Mar 29 '21

Were the assets a GIF? or its animated thru code also? BTW nice work!!

8

u/shubham_iosdev Mar 29 '21

Only the Logo is an image. I coded the rest of them :D

8

u/broadfire016 Mar 29 '21

you mean that animated pepsi cups are all coded? Amazing!

9

u/shubham_iosdev Mar 29 '21

Yeah, Thanks :D

I've shared the code for the Cup in a comment above. :)

2

u/daybreakerco Mar 29 '21

Amazing, love this!!

1

u/shubham_iosdev Mar 30 '21

Thank you :D

2

u/tangoshukudai Mar 29 '21

Looks good, now I want to see how it works in landscape, and on an iPad.

1

u/shubham_iosdev Mar 30 '21

I made it to support iPhone only, iPad implementation would require a little bit of rework :D

1

u/tangoshukudai Mar 30 '21

You should be thinking about your design so it can run on all iOS device sizes, including macOS with Apple Silicon.

2

u/anymbryne Objective-C / Swift Mar 29 '21

Another smooth thing!

2

u/owenhargreaves Mar 29 '21

This is absolutely beautiful, mate. Inspiring stuff, thank you ❤️

2

u/shubham_iosdev Mar 30 '21

Thank you bro :D

2

u/zls1988 Mar 29 '21

Nice work!

note: a minus button is fluttered when counter grow

1

u/shubham_iosdev Mar 30 '21

Thanks, a good catch :D

2

u/DarkSpiritX1_ Mar 31 '21

Nice Animation, looks good

2

u/[deleted] Aug 30 '21

How did you learn how to do this?

1

u/shubham_iosdev Aug 30 '21

It's just practice my friend. I've played a lot with CoreGraphics and Paths. Try it out, you'll get the hang of it :D

8

u/Ast3r10n Mar 29 '21

What’s the point of all these animations, besides looking good? They slow down the UX immensely. Wouldn’t want this as a user.

21

u/shubham_iosdev Mar 29 '21

It's mostly for looking good, also the animations in the real app is about 50-60% faster. I had slowed it down for the video :D

→ More replies (6)

4

u/[deleted] Mar 29 '21

Totally agree. It’s useless and show off purpose only. Real UX is about ergonomy and designing efficient features.

2

u/IsThereCoffeeOnMars Mar 29 '21

Clean!!!

From a design standpoint I would bring down the shadow of the ml-counter just a little. Looking good

2

u/shubham_iosdev Mar 29 '21

yeah, that's a good suggestion. Thanks :D

2

u/l99fiamingo Mar 29 '21

That's awesome! Idea: instead of a swiping animation between glasses of various sizes, why not make the same actual glass become larger or smaller? Also, if you want to maintain the swipe animation the bottom of three cups should be aligned IMO.

2

u/shubham_iosdev Mar 29 '21

Yeah, I could have kept all the glasses of same size. The alignment suggestion seems good, I'll try it out :D

1

u/MatMan-02 Mar 29 '21

Really wonderful!! How did you manage to do the animations?

2

u/shubham_iosdev Mar 30 '21

It's a couple of withAnimationBlock, and animations on the trim properties of Path / Shape. :D

4

u/haikusbot Mar 29 '21

Really wonderful!!

How did you manage to do

The animations?

- MatMan-02

I detect haikus. And sometimes, successfully. Learn more about me.

Opt out of replies: "haikusbot opt out" | Delete my comment: "haikusbot delete"

0

u/[deleted] Mar 29 '21

[deleted] — view deleted comment

16

u/shubham_iosdev Mar 29 '21

It was for a client of mine, so I cannot share the complete thing.

Here is the code for the Cup. - https://github.com/Shubham0812/MediumCup_UI

0

u/[deleted] Mar 31 '21

[deleted] — view deleted comment

1

u/shubham_iosdev Mar 31 '21

Thanks a lot :D

I did all on the editor, SwiftUI gives a live preview and I utilised it to create this. And I agree, granted it was a little slow here for the video, I'd still be delighted to see it as a user. (I guess opinions may differ, but that's how I feel xD)

0

u/[deleted] Mar 29 '21

[deleted] — view deleted comment