Post
Some Stonks additions last few weeks 💸
- super dark mode optimized for oled p3 displays
- chart range selection + scrubbing
- better search
- pull to refresh for peace of mind (even w/ auto-polling)
- swipe to delete
- CoreData reordering in Edit view
- some particle emitters
GIF
English
Been building lots of stuff I haven't shared yet (soon!) but now exploring some fun micro-animations to help with new user education. I imagine a set of 3 similar to this after onboarding.
Inspired by @jsngr I thought I'd share some of the (messy) code: gist.github.com/stammy/71363b8…
English
Mostly migrated to Firebase. Bit of extra complexity from flattening my database to keep Firebase simple (didn’t like managing async code for subcollections).
But now it syncs between devices flawlessly and fast.. so I put in LazyVGrid to get iPad layout somewhat usable.#swiftui
English
Took the 3D app icon I made in @vectary and was able to import it into SceneKit and show in my settings page 🤯. #swiftui
The 3D object needs a lot of work though......
Stammy@Stammy
first stab making a 3D app icon. it takes forever to render even these simple shapes so here's a low-quality render because i didn't want to wait 30 minutes
English
Making progress on my subscription page. 😍 Spent all that time getting global pageview progress so I could do stuff like this.
Over a dozen little animations or interpolations happening in this view.
(Prices are placeholder but I have it working with @RevenueCat 🙌) #SwiftUI
Stammy@Stammy
That was a long ramble and I'm sure someone will comment with a way to do this with one line but it took me like soo many hours of trial and error over the last 3 days.. Here's a proof of concept of accessing *precise* global progress state for a PageTabViewStyle() pager
English
The more people I talked to the more I found that folks have very particular ways they like to have their stock/holdings info displayed... so I went a bit crazy with this card customizer.
✨ Very work in progress but lets you mix up display settings ✨
Basically all custom UI
English
Realizing there's a ton of stuff I haven't shared yet...
📱🎨 Here's how I approached letting users change the app icon
(still work in progress, couldn't quite get a certain 3d effect on swipe as I liked so I disabled it for now. And these app icons are placeholder) #SwiftUI
GIF
English
This (flattening my data structure) was a bad idea. Retried what I couldn't get working in the past with separate collections and got it working well
That's the problem with learning while building the same app.. end up rewriting everything 3 times 😂😭
twitter.com/Stammy/status/…
Stammy@Stammy
Mostly migrated to Firebase. Bit of extra complexity from flattening my database to keep Firebase simple (didn’t like managing async code for subcollections). But now it syncs between devices flawlessly and fast.. so I put in LazyVGrid to get iPad layout somewhat usable.#swiftui
English
Work in progress but also built a custom iOS 14-like menu.
Don't like the way the iOS 14 ones look (and they don't allow much design customization).
Lots of work for this one to get correct sizing/positioning and interactions like scroll-to-dismiss and tap anywhere to dismiss
English
🆕✨ Teaser landing page designed, built and deployed!
👉 stocketa.com
Was more than happy to (over)use blurs, glows, gradients on this one👨🎨
Details: mini stock cards with SVG path anim + dual keyframe anims to create "hovering in place" effect
English
🆕✨Work in progress: Importing
A feature to add stock purchase / sale transactions from a spreadsheet.
Lots of details in this one from some tiny parallax things to motion-based colors and lots of work for data validation
@StocketaApp now at 20,100 lines of Swift & #SwiftUI
English
I wanted to put twinkling particle emitter stars in this sheet overlay so I did✨ In case you were wondering why this app isn't out yet 😆
twitter.com/StocketaApp/st…
Stocketa@StocketaApp
Fix bugs? ❌ Redesign and build an info sheet for the 3rd time? ✅ Put some tiny particle emitter stars in the overlay too ✨
English
🆕Stock Details Sheet
After living with the app, the horizontal carousel stats in the stock card aren't easy to use.
Wanted a quick way to peek at stats & holdings without feeling like you're going somewhere. #SwiftUI @StocketaApp
Still have issues to fix but I'm liking it✨
English
I was told you like multi-layer confetti with air resistance and gravity emulation (like iMessage confetti) 🎉 🎊 @StocketaApp
English
🌙 Late night coding.. part of the onboarding flow I’m redesigning for the 3rd time for @StocketaApp.
Interpolating pitch and roll from CoreMotion to adjust the UnitPoint center of a radial gradient that is masked by my view, which includes some text & little chart animations
English
Been working on performance, reliability and refinements the last few weeks. Getting closer to a limited beta for @StocketaApp 👀
English
And I rebuilt the settings page and @Gavmn created some awesome new app icons 👏
Highly, highly recommend working with him if you need app icon help! (and he got me into @craftdocs when sharing his work)
Thinking this one will be the default icon.
English
Spent a good chunk of the weekend building out the last bits of the new @StocketaApp website. Happy with how it's turning out... will probably deploy later tonight
Used Canvas to composite JPG frames (for smaller size) using PNG masks (for alpha) for Apple-like 3d scroll effect
English
📈 Recently been building some backend bits for @StocketaApp to send a daily close-of-market notification to show how your investments did for the day, along with the ability to limit the push to only notable changes.
What else would you like to have pushed?
English
@StocketaApp 📲 Built my first working proof of concept widget for tracking your portfolio. Lots of design & dev left for this but has been fun to live with this the past few days.
Had to spend more time on backend (now an express/node Cloud Run app) for this twitter.com/StocketaApp/st…
Stocketa@StocketaApp
Working portfolio widget 🙌 Still lots to fix / optimize, including the design which I haven’t spent time on yet. Anything in particular you’d want in a tiny portfolio widget?
English
App Store Review Guidelines were updated to require that apps with accounts also have a way to delete them, so I built an account deletion flow for @StocketaApp.
No one wants to build these things but I tried to have a little fun with it.
English
Redesigned the settings page a bit (some parallax, and custom header bar across pages - still work in progress)
And decided to make a page to advertise the widgets @StocketaApp has and how to install them. Feels like you don’t know if an app has widgets unless you go looking
English
Almost done adding basic crypto support to @StocketaApp.. rewrote a bunch of code and feeling better about being able to invite a few more folks soon
Stocketa@StocketaApp
Basic crypto support is almost here.. had to write and rewrite a ton of code, mainly building a more robust backend for processing holdings charts, and better caching.. Just need to get my widget and notifications data endpoints working with crypto next.
English
@StocketaApp The full Stocketa onboarding flow:
Goal was to show just enough context in case you were a random app store install (didn't want people to think it's a trading app; it's a portfolio tracker) and show the basics.
light: turbo.paulstamatiou.com/uploads/stocke…
dark: turbo.paulstamatiou.com/uploads/stocke…
English
@StocketaApp Just adding this pull-to-search interaction to the thread: twitter.com/Stammy/status/…
Stammy@Stammy
Refined this pull-to-search UI a bit - misc perf tweaks - added stock categories for browsing (had to make backend API for it) on a new view with a custom header using matchedGeometryEffect() - added pull-to-close (not quite at my quality bar yet, not sure if even needed)
English
@StocketaApp Been working on a fun way to show your subscription status for @StocketaApp:
- interactive membership card with motion-controlled colors
- "starfield" particle emitter that goes faster when you're interacting with the card
English
New subscribe page 💅
I’ve redesigned this so many times. Eventually realized this is less about features/value props and more about focusing on the craft that differentiates.
@StocketaApp purposely doesn’t want a ton of features. Simplify.
(Watch til the end 🎉)
English
@StocketaApp ⚡️ Instant Sign In
Then I started thinking.. do I really need user accounts?
So I built another form of auth for @StocketaApp based on a unique iCloud id. Truly one-tap sign in. No email, nothing. (Similar to my Sign In With Apple config where I don't request name/email).
English
things are looking good @StocketaApp 😊
Recently:
- wrote a new charting system (new setting to see prev close line. Added min/max on larger charts)
- new data providers (led to some backend refactoring)
- security updates (attestation)
- migrated b/e to TypeScript
- new font
English
Built a 3rd widget type: single stock/crypto price.
Lets you toggle if you want to see gain/loss if you have shares added in @StocketaApp
The color rail on the side changes depending on performance
this is the last new feature before launch (I say that a lot 😅)
English
✨ Designed and built a new way to interact with stocks to access details, holdings, etc for @StocketaApp.
The amount of work this took to make this all functional and feel seamless (still some things left to fix/tweak of course) was insane.
twitter.com/Stammy/status/…
Stammy@Stammy
me: i'm just going to add one more thing... one more thing: *dozens of sub-tasks* 😂🤦♂️
English
@Stammy @StocketaApp Great work man 😍 — Any chance I can get on the iOS beta? 🙏
English