steve,
@steve@flipscreen.social avatar

Pretty happy with the sign up process so far. I’m gonna tweak some animations (mainly on the server check) and I need to add some error handling but this is pretty much there 😁

A video showing Bean's login flow

dreikelvin,
@dreikelvin@toot.berlin avatar

@steve this looks awesome! can't wait to try it when it's out on the app store

aerotom,

@steve Great! By the way, do you mind sharing the wallpaper/source?

steve,
@steve@flipscreen.social avatar

@aerotom That's actually a blurred photo of my partner and me! 🙈

aerotom,

@steve OMG! 🙈🫶

loskotar,
@loskotar@gaygeek.social avatar

@steve
looks super cool so far! Im assuming yes because of React Native, but do you any plans for an eventual Android version?

steve,
@steve@flipscreen.social avatar

You can also add additional accounts and switch between them from within the app 😁

(I’ve obviously not finished the profile screen 🙈)

the account switcher in Bean

steve,
@steve@flipscreen.social avatar

I’ve also switched out the icons for SF Symbols but I’m not sure I like them. I might make my own post-beta.

steve,
@steve@flipscreen.social avatar

The next thing I’m going to do is a global toast component so I can show error and success messages whenever I need. Then I’ll flesh out more of these screens.

I’d started on a Community screen but I don’t like it and I might use this for the “Sidebar” instead.

steve,
@steve@flipscreen.social avatar

Toast didn't take long 😅

steve,
@steve@flipscreen.social avatar

Floating action button, read indicator, redesigned post thumbnail, and a BUNCH of behind the scenes performances changes.

I’ll be improving these themes after beta.

Bean for Lemmy screenshot
Bean for Lemmy screenshot
Bean for Lemmy screenshot

Joekw,
@Joekw@mastodon.social avatar

@steve do you think new posts are performed by users often enough to warrant a FAB? i guess my personal impression is most reddit users are lurkers (including me)

steve,
@steve@flipscreen.social avatar

Added pinned and NSFW badges (with blurring). I don’t know if that’s gonna be enough to get past Apple but I guess we’ll find out 😬

A screenshot of Bean for Lemmy

ericleamen,
@ericleamen@mastodon.social avatar

@steve Oh wow, I’ve been away so didn’t realize you built an entire Lemmy client. It looks slick!

steve,
@steve@flipscreen.social avatar

@ericleamen Oh!! Thank you 😄 Hoping to have the beta ready to go early next week 🥰

steve,
@steve@flipscreen.social avatar

I've been working on the Settings for Bean today.

Themes, accent, and reversing the position of the thumbnail and voting buttons are in.

Does anyone have requests for accent colours or other settings they'd like to see?

Display settings for Bean

hybridhavoc,
@hybridhavoc@darkfriend.social avatar

@steve I recently saw someone asking for the ability to sort of group their subscriptions into folders / views. I believe they were making the request directly to Lemmy, but it seemed like something that a client might be able to provide.

steve,
@steve@flipscreen.social avatar

@hybridhavoc that could be nice! I’ve been thinking of having the combined subreddits feature that Apollo used to have too

hybridhavoc,
@hybridhavoc@darkfriend.social avatar

@steve
I never used Apollo so don’t have a point of reference for that, but could also be similar to what the person was looking for.

mrmacneil,
@mrmacneil@mastodon.social avatar

@steve I see purple and I’m a happy camper.

steve,
@steve@flipscreen.social avatar

It’s way too fun to make icon variants. I think my favourite so far is “Tutti Frutti” 😋

What do you think?

steve,
@steve@flipscreen.social avatar

Layout animations make everything so much more refined!

Switch between compact and card views 😁

A video demonstrating layout animations

steve,
@steve@flipscreen.social avatar

I also added an option to auto-open in Safari’s Reader Mode which makes the web usable!

(There’s also an option to open in your system default browser too but who actually does that?)

A video demonstrating Safari’s Reader Mode

FnarFnar,

@steve you’re terrifyingly productive mate 😂😂

steve,
@steve@flipscreen.social avatar

@FnarFnar Haha thanks! When I’m into an idea I get pretty hooked on it 🙈

FnarFnar,

@steve it’s looking awesome, can’t wait to have a play with it when it’s released!

steve,
@steve@flipscreen.social avatar

Okay that’s the last icon for now (I think) 😂

robb,
@robb@social.lol avatar

@steve 👏

steve,
@steve@flipscreen.social avatar

I posted a look at all of the icons over on https://lemmy.world/post/1193300

Joekw,
@Joekw@mastodon.social avatar

@steve can i request a bi bean 🥺

steve,
@steve@flipscreen.social avatar

@Joekw Of course!! I should probably do a whole range of flags

philipp,
@philipp@mastodon.design avatar

@steve they look gorgeous 🤩

steve,
@steve@flipscreen.social avatar

@philipp Thank you!

steve,
@steve@flipscreen.social avatar

Image viewer is 90% there. So far it:

  • finds the node on screen and animates from it
  • animates back
  • supports multiple images
  • pinch/double tap to zoom and pan

Needs the pull down gesture to close, caption support, and refine animations.

A video showing the image viewer in Bean

steve,
@steve@flipscreen.social avatar

I definitely could have just used a library for this 😂

steve,
@steve@flipscreen.social avatar

Gestures ✅

I’m calling it for tonight and I’ll finish this up tomorrow and then integrate it everywhere in the app.

  • Share sheet
  • Caption
  • Testing with multi image

And then onto the final two tabs I want to do before the beta 🥰

A video demonstrating Bean’s image viewer

steve,
@steve@flipscreen.social avatar

Added today:

  • caption support (pulls in post title or alt tag)
  • share sheet
  • improved animations and gestures

An image viewer in bean

steve,
@steve@flipscreen.social avatar

With the image viewer out of the way I’m populating the final few tabs on the app. Communities first!

The communities tab on Bean

steve,
@steve@flipscreen.social avatar
barrybeebenson,

@steve i’m so excited for this app!

steve,
@steve@flipscreen.social avatar

@barrybeebenson Thanks 😊

steve,
@steve@flipscreen.social avatar

Almost finished up with V1 or the Communities screen 😄

Communities screen on Bean

steve,
@steve@flipscreen.social avatar
steve,
@steve@flipscreen.social avatar

Communities screen with the ability to pin a community to the top, browse all communities, or view trending is done 😊

Onward to the Search screen!

Trending communities on Bean

DCimpulse,
@DCimpulse@mas.to avatar

@steve loving what I'm seeing so far!

steve,
@steve@flipscreen.social avatar

Tidying up the comments section today and adding the ability to interact with them.

This is probably the trickiest aspect of the app!

steve,
@steve@flipscreen.social avatar

Oh and, friends don’t let friends open a Safari view controller without checking UIApplicationOpenURLOptionUniversalLinksOnly first.

(Every single app should be doing this and providing and option)

steve,
@steve@flipscreen.social avatar

If you hate universal links then you can just uncheck the option in Settings

steve,
@steve@flipscreen.social avatar

My comment walker is all over the place at the moment and placing comments where it shouldn’t be 😂

Coffee, food, and time to fix it.

steve,
@steve@flipscreen.social avatar

Does 200 seem like a sensible height for images in comments?

steve,
@steve@flipscreen.social avatar

Added a “sidebar” view to the communities this evening 😄

Stats in the Bean sidebar
The Bean sidebar in dark mode

steve,
@steve@flipscreen.social avatar

Also been working on Markdown parsing and it’s nice to see my routing is working as expected 😁

Showing links between communities

steve,
@steve@flipscreen.social avatar

Lemmy devs clearly wanted the !community format to take off but the users were like “naaaah” /c/community seems better 😂

steve,
@steve@flipscreen.social avatar

Lots of communities also are aping Reddit’s flairs by including them in brackets in the titles so I’ve chucked in a display setting to pull them out

steve,
@steve@flipscreen.social avatar

Working on user profiles today 😊

Joekw,
@Joekw@mastodon.social avatar

@steve when can i try this 🥺

steve,
@steve@flipscreen.social avatar

@Joekw hopefully this week! I want to have all basic features in for the first beta. Posting and replying will follow shortly after.

steve,
@steve@flipscreen.social avatar

Nice to see the avatar and banner in correct position. Just a few more bits left to do on profiles tomorrow 😁

A user profile screen on Bean

steve,
@steve@flipscreen.social avatar

And honestly, who doesn’t love a stretchy header?

Stretchy header on the account screen in Bean

steve,
@steve@flipscreen.social avatar

And now that I have a profile screen it makes the account switching a lot more easy to see 😅

Account switching in Bean

steve,
@steve@flipscreen.social avatar

When I have more time I want to do a nice transition between accounts.

steve,
@steve@flipscreen.social avatar

Tidied up the user profile, fixed some performance issues, and pulled out some more info here.

Pretty happy it with it 😄

steve,
@steve@flipscreen.social avatar

Alpha incoming! 🫘

hybridhavoc,
@hybridhavoc@darkfriend.social avatar

@steve iOS only?

steve,
@steve@flipscreen.social avatar

@hybridhavoc For now! Android is gonna need some more time to cook

zav_,

@steve 🤩🥳

mikey,
@mikey@neovibe.app avatar

@steve can't wait to try this out!

steve,
@steve@flipscreen.social avatar

📢 TestFlight invites sent to first small group of testers for this alpha!

If you didn't get one, I'll be sending more out tomorrow and this link will work for a little while:

https://testflight.apple.com/join/de5zt3wH

bleckert,

@steve It’s beautiful!

steve,
@steve@flipscreen.social avatar

@bleckert thank you!

steve,
@steve@flipscreen.social avatar

Over 150 testers added to TestFlight 🤯

I'll be sending out some more invites later this week. If you want in on that batch, sign up here: https://forms.gle/vdFxZdAu8khE9Lnv8

steve,
@steve@flipscreen.social avatar

The latest build just pushed to testers included two new themes and the ability to change fonts 😁

Tomorrow is comments day.

The Dusk theme for SF Pro Rounded on Bean

steve,
@steve@flipscreen.social avatar

Onto the markdown editor 😁

steve,
@steve@flipscreen.social avatar

📢 I've opened up the Bean TestFlight again so if you're a user and interested in checking it out 👉

https://testflight.apple.com/join/de5zt3wH

steve,
@steve@flipscreen.social avatar

Some bits in today’s build:

  • Redesigned the community tab and presented subscriptions alphabetically.
  • Finalised the markdown editor for comments with a preview screen.
  • Added a FAB to posts to comment.
  • But fixes for timezones etc.

Tomorrow I’ll be adding the ability to up/downvote comments and reply to them and work on the UI for comments a little more.

Single post view in Bean
Markdown editor in Bean

steve,
@steve@flipscreen.social avatar

Some more options added as requested for font size, haptics, and as OpenDyslexic (because my partner really benefits from it and hopefully others will).

Sounds and Haptics settings in Bean

steve,
@steve@flipscreen.social avatar

Comment themes, collapsible comments, swipe actions, and a button to skip to the next thread added to Bean today.

Display settings in Bean

jeromechoo,
@jeromechoo@masto.ai avatar

@steve collapsible comments 😍

steve,
@steve@flipscreen.social avatar

Chunky update to Bean today!

Inbox and Search are the two big ones but a lot of smaller things in there too 😁

More here: https://lemmy.world/post/1728029

steve,
@steve@flipscreen.social avatar

Image uploads and a redesigned post composer added to Bean today 😊

Image uploads and links on the post composer in Bean

steve,
@steve@flipscreen.social avatar

Some final additions to the composer: NSFW toggle and the ability to select a community.

I’m really happy with how this came together 😁

steve,
@steve@flipscreen.social avatar

Here it is with my favourite theme and font combo: Notebook + New York

steve,
@steve@flipscreen.social avatar

Working on a new feature for this evening… Group your communities together so you don't have to visit every single one individually!

Craktok,
@Craktok@mas.to avatar

@steve love that idea

ryanstewart,

@steve This is clever. Nice job!

phillfarrugia,
@phillfarrugia@mastodon.online avatar

@steve 🔥 🔥

awilbert,
@awilbert@mastodon.social avatar

@steve Thank you for Avenir. ♥️

steve,
@steve@flipscreen.social avatar

@awilbert Let me know if you have any other requests

dan80,

@steve The communities are in random order, do you plan to have them in alphabetical order? Your app looks gorgeous on iPad by the way

steve,
@steve@flipscreen.social avatar

@dan80 I do! Lemmy spits them out in a random order so I’ll need to loop through pages and sort them alpha

robb,
@robb@social.lol avatar

@steve Speedy feedback posted.

steve,
@steve@flipscreen.social avatar

@robb Thank you! Fixing that issue right now.

dan80,

@steve thanks!

jeromechoo,
@jeromechoo@masto.ai avatar

@steve Nice! Just got it. Do you prefer TestFlight for sharing feedback, email, or Mastodon?

steve,
@steve@flipscreen.social avatar

@jeromechoo here or on the Bean community https://Lemmy.world/c/bean

harmlesssaucer,
@harmlesssaucer@fosstodon.org avatar

@steve just accepted the TestFlight - happy to test it out, love the work so far!

zav_,

@steve Lets get to testing then! Very happy to have been in the first invite batch 👀

steve,
@steve@flipscreen.social avatar

@zav_ I hope you like it!

beefbaby182,
@beefbaby182@mastodon.world avatar

@steve that ! thing is confusing as hell

steve,
@steve@flipscreen.social avatar

@beefbaby182 Yeah I don’t like it at all, it’s too easy to read it as a username

beefbaby182,
@beefbaby182@mastodon.world avatar

@steve and runs into problems linking to other instances

steve,
@steve@flipscreen.social avatar

@beefbaby182 just linking /c/community makes it so easy too. You can just click it and it opens on your instance

FnarFnar,

@steve looking good! Are you going to add collapsing of comment trees?

I’m genuinely really envious of your ability to do this sort of thing.

steve,
@steve@flipscreen.social avatar

@FnarFnar I am indeed!

Ryanteck,
@Ryanteck@fosstodon.org avatar

@steve Heinz would like to know your location

ryanstewart,

@steve You’re missing the most important of Beans 🙂

steve,
@steve@flipscreen.social avatar

@ryanstewart Hahaha I really want to include him but I worry about copyright. Maybe I’ll think of an Easter egg somehow

johnathan,
@johnathan@mas.to avatar

@steve this looks incredible Steve, can’t wait to check the beta out when you’re ready. Saying “well done” always sounds super sarcastic and patronising when it’s on the Internet, but genuinely well done haha

steve,
@steve@flipscreen.social avatar

@johnathan Thank you 😄 I really appreciate it

kylewritescode,
@kylewritescode@allthingstech.social avatar

@steve Any plans for Kbin integration?

steve,
@steve@flipscreen.social avatar

@kylewritescode Not at launch as they don’t have an finalised API. When they do, yes.

Right now, I’d recommend making a Lemmy account and following Kbin mags there.

ericleamen,
@ericleamen@mastodon.social avatar

@steve These animations are sliiiiiick!

steve,
@steve@flipscreen.social avatar
je,

@steve which RN library did you use for the symbols?

steve,
@steve@flipscreen.social avatar
je,

@steve @je thanks pal! I did see that one but noticed it hadn’t been updated in a while. Wondered if you’d found something newer 👌

sru,

@steve Hey Stephen! Nice to see you outside of Twitter. Would you please consider setting a continuous corner curve on your rounded rectangles? It’s a one-line change and looks much nicer IMO:

view.layer.cornerCurve = .continuous

steve,
@steve@flipscreen.social avatar

@sru Did not know this existed! Thank you!

steve,
@steve@flipscreen.social avatar

@sru You're totally right!! Wow, thank you <3

hybridhavoc,
@hybridhavoc@darkfriend.social avatar

@steve ateve!

steve,
@steve@flipscreen.social avatar
hybridhavoc,
@hybridhavoc@darkfriend.social avatar

@steve I presume it would be pronounced similar to attaché

  • All
  • Subscribed
  • Moderated
  • Favorites
  • fediverse
  • GTA5RPClips
  • DreamBathrooms
  • InstantRegret
  • magazineikmin
  • thenastyranch
  • ngwrru68w68
  • Youngstown
  • everett
  • slotface
  • rosin
  • ethstaker
  • Durango
  • kavyap
  • cubers
  • provamag3
  • modclub
  • mdbf
  • khanakhh
  • vwfavf
  • osvaldo12
  • cisconetworking
  • tester
  • Leos
  • tacticalgear
  • anitta
  • normalnudes
  • megavids
  • JUstTest
  • All magazines