Adon Omeri

I’ve added goals this time, along with their server implementations. This includes a new (hideable) tab for goals, and the detail view triggers confetti and a colourful background when completed. I havent finished this feature yet as i still need to add filtering and sorting for goals and archiving, but i think it looks nice so far.

This one is large cos I had to deal with an extremely annoying bug with Xcode that meant I couldn’t build or run the app because of some Info.plist shenanigans. Anyway, once that was fixed, I added app info in settings, and a view that shows past releases and what they included. I’m most happy with the font picker and other menus, as they now use the correct font. this required using a private api that apple hid for no reason and needed uikit. annoying but its worth it, the font picker actually shows the fonts!

What I’ve added:

What’s New - Every new release has a what’s new page.
Font Style - You can now set the font style for iPhone and Apple Watch.
Sheet Animations — Sheets now pop out of their buttons.
Tab Memory - Your last opened tab is now remembered across app launches. Changeable in settings.
Upgraded Infrastructure - Including more secure account management, will require a re-sign in.
Widget Refinements - Adjusted widgets to work better in all contexts.
Other UI Stuff - like the save changes button in account settings

this list is formatted nicely funnily enough because I added a whats new page in it, so i already have to make a whats new list haha

watchOS now has syncing with iphone app!
this includes the new animated background, font style, and showing goals tab or not.

I added goal tracking, with their widgets.

i also adjusted settings to include appearance, tabs, account, and dagner zone sections, with a new option for which font style to use.

the goal setting and font and other things all need a bit of refinement but I’m happy they and their server part exist now

I’ve added an onboarding view which looks nice, it doesnt have anything right now but i should add some things soon like eatures and stuff.

I made some final refinements to the table view to fix a bug with the context menu not showing updated data, weirdly

• fixed the foreground colour for the glass circles
• changed the onboarding from .sheet to .fullScreenConver, because it makes more sense semantically
• redid the onboarding sheet with dot points
• added a light mode for the images in the onboarding, and updated images to align with the current app
• reworded show relative atomic mass better
• renamed Go to Swipe to continue, because it wasn’t clear that you had to swipe sideways to navigate

I just realised that because the swift student challenge requires your submission to be offline i need to also make the packages offline, so i had to manually download each package and its dependencies. this would seem like a copyright but i did include a third-party-licenses.md so hopefully that should be enough to show that its not my code.

I added this widget as well, It was relatively simpler because I basically just needed to copy the code from iphone and adjust a few things.

I made alot of adjustments on the simple widget and also added a new chart widget, it is only three components but was much harder than i thought because the widget was trying to apply its own margin and i didnt like them, and spent a very long time fighting it. i think they look good, I’m gonna add the recent transactions now.

• toggling what to show in element cell - mass, atomic number
• extend safe area to 100 height
• fix accessibility in element cell

renamed atomic mass to relative atomic mass
i also increased the list view top blur height and fixed the filter backgrounds
also fixed the tip because before it was stuck under the toolbar

I added another widget set, and also updated the transaction types to be more comfortable

This widget set is a graph of your balance, and it conditionally shows the x and y axis labels depending on widget size if it can fit it, which i like.

The transaction types will very likely change in the future again because I don’t think they are very good now either to be honest

I added another set of widgets, its a list of your recent transactions. I ran into a problem with not being able to access the current widget background so I couldn’t make it react nicely to the theme, I sent Apple a code help request and should fix that problem soon. Apple’s own widgets don’t seem to be reacting nicely so I’m a bit concerned on whether there even is a solution

I added widgets for apple watch and iphone. they are simple but the reason it took so long is that i had a problem with the app groups, which is the entitlement that allows my widget to get the information from the main app, and I couldn’t get Xcode to register the right one because it was getting very picky about the id of the app and the widget and the apple watch id and the apple watch widget. anyway i fixed it and the widgets look very nice I’m quite happy with them

One case I forgot while I was rewriting the apple watch sync was when the apple watch app was installed after the iphone app already setup, and therefore didn’t send the token to the watch. i just added a function to call refresh whenever they are both connected to overcome this and added better wording in the watch ui when they are not signed in

I added this toggle to show or hide the analyse view because some people might not like it, reasonably. i cant animate it because it uses a system provided tabview but oh well

I rewrote the transaction repository (the thing that manages the on-device cache of the data) to fix a bug where when updating the local database from the server, it would only insert entries not delete entries, because it checked if the uuid matched before updating the local item.
I also fixed a bug that makes the watchOS add transaction button bug out while transition to the not signed in view, which i fixed by replacing the .blurReplace transition with an .opacity type.
I also adjsuted the animated background speed whether or not you were in a deficit.

I recreated Apple’s own scroll edge effect here because .searchable seems to remove it when you are actively searching, using a combination of opacity fade and blur fade, with the help of this blur effect. It does use a private api which explains why its performant and also looks exactly like Apple’s own one

To finish off the Analyse view, I added this page that just shows your stats in a card layout, with glass effects.

I added this weird cube function that eases the gradient in and out, and it looks so much better, cant really tell with the screenshot though

I moved the transactions list into its own tab with a .search role, because it is just a searchable list so that makes more semantic sense i think. and because SwiftUI seems to remove the toolbarItems and therefore the default scroll edge effect when you are searching, I added my own that only shows when the keyboard is active

I just found the inline json as a string swift file i had, which i left after migrating the thing after an actual json file (I did this cos I was stuck trying to make Xcode read the file, and ended up having to open Swift Playgrounds to add a resources folder and then add the resources into the binary)

More ui adjustments

• Removed nav title
• swapper toolbar buttons
• Better wording for toggle
• Monospace font for toggle

I added a really nice gradient to the home screen and refined its values, and added a toggle in settings to enable or disable it. unfortunately this library is not available on apple watch because watchOS doesn’t support the metal this package requires, so that always uses the old version which is just a gradient

I added a basic readme that i will update later, and updated some more things for testflight cos i had a little problem with mismatched organisations etc.

i also rewrote some of the backend stuff but i forgot exactly what now, the average frame size is 7kb, limit is 65kb, but the practically usable limit is lower than that, somewhere around 25kb if the devices are next to each other and down to basically 7kb if they are far apart with walls etc, so i think thats good. ill soon add a slider to control the quality, which should remove all the problems people may get with this.

I removed the glass background that was visible before, but now there are a few legibility issues. should be ok in most situations though.

I added some colours to the thing but i will definitely adjust them over time, because they are quite bright and probably annoying for some people. the old red or black might be better for other people, so ill add an option for toggling that soon.

As the video shows I added some animations and transitions to the header of the chart, and fixed the rulemark to be behind the lines, and grey, instead of being yellow and thinner than the actual line. the header now uses .numericText() content transitions to very smoothly show the information whether or not you are selecting. the graph animating between pickers is only buggy because my phone is old, it isn’t laggy normally.

I refactored the watch syncing process, because i had a bug where i can sign in and out on iPhone and that would reflect in the ui of the watch instantly, but it still uses an old token to fetch stuff and so it gets into the problem of falling out of sync with the iPhone and throwing unauthorised errors whenever i do something, and silent fails, etc

I added stuff to the readme, like platforms, screenshots, how to build, the tech stack, and a link to the server that is running it

I redid the analyse view, because it was a bit badly designed before. I added a better legend at the bottom, which, when hovered, also dimmed the non selected values for clarity. the middle annotations have been better worded, and total transactions counts in and out, so i needed to make that clear because it was confusing before. i also increased the corner radius to look better, and refined the contentTransitions.

I updated the front end and backend to allow for changing user account information, in preparation for the App Store Review and also because thats reasonable. I might add a Sign in with Apple button later.

I fixed a bunch of npm run lint errors, and also adjusted the textbook price multiplier to be more accurate

I fixed the background shadow thingy on the footer and navbar, because I noticed on my friends laptop they looked very dark and ugly, it should be fixed now, I increased the radius of the shadow so it should be much better

I fixed a bug where clicking download would actually show the pdf inline, which is very bad behaviour, and is very slow and laggy and just gets in the way of you trying to download multiple things. I fixed it to just download it as expected

it doesnt show the textbooks navbar link when you are viewing textbooks, and i updated the pearson physics year 11 to the latest version thanks to a friend

I aded a haptics option in settings because some feedback I received was that there were too many haptics and it made it uncomfortable for them

Previously I removed a whole bunch of properties that were in the json but i removed because i thought they were too complex, now I added them back cos my last ship gained some feedback that I should add a value and I was like well theres a settings to toggle stuff off so i might as well put them all out
next devlog ill set some more sensible defaults cos having them all on by default is a bit ridiculous tbh

I had to update a few things here like run destination, category, minimum OS, and the bundle identifier so that I could then push to testflight

Final adjustments and stuff, and i pushed to app store connect to put on testflight to then submit

I adjusted the padding on these, it is a bit hard to tell but it looks much more balanced. I also sped up the animation for the tableview bookmark highlighting, and added some more accessibility modifiers

i added some improvements to the table view, added a toolbaritem, and a bookmarks button that dims non bookmarked items, and also fixed some padding around the. i might add zooming in and out again later, once i fix the issues that presents

I added some animation to the toolbar items and spaced them out, i cant show it in the photo below but it looks really really good, i love it

updated the png to a jpeg so that i could push it to testflight, waiting for a review to maybe then release

I got very very carried away so I’ll just put a paragraph here
The first thing I did was add haptics when you open/close a sheet and when you change tabs, because these are navigation actions, so I thought it makes sense.
I also implemented TipKit to show about 10 different Tips around the app, helping the user find out how to use the app and make use of all of its features. It was quite annoying to make TipKit work because there isn’t much support online and its quite an obscure framework, as every other Apple framework seems to be 😭
Then I implemented accessibility across the app, accounting for text sizes, reduce motion, increase contrast and reduce transparency. It was actually very easy since the modifiers were really simple to use, like .accessibilityHint("This button adds this element to your bookmarks").
I also adjusted the pickers in list view to use a better background, and also added a new picker that can filter only bookmarks or just push them to the top.
I added some sheet transitions which are really nice, they make the sheet zoom out of the place where you clicked it, instead of just from the bottom of the screen, which is quite buggy but because of Apple’s api, not something I can fix.
I also had another really annoying thing where I couldn’t make the app read from the bundle, so I couldn’t load any json into it, so I had to hand-paste the massive json file into a Swift string, I finally fixed that now
And for the bookmarks I added a bookmark detail view in settings to see and delete them
I also added some progressiveblur at the top of the list view because for some reason .searchable removes all scroll edge effects and toolbar items, so it removed the auto-placed effect that keeps the time and status legible, so I had to just check if the keyboard was visible (because then the edge effect would be gone) and apply my own edge effect

i completely rewrote the quiz view, which uses apple intelligence to make and mark a quiz, and alert the user of their score, which i found quite hard because the model is quite small, and that meant my token size was small, only 4096 tokens, and also it just wasn’t very capable of following instructions, or marking questions properly (i gave it the question and right answer and user selection it still failed). i found that telling it not to do something explicitly made it do that thing, so my best option was to not talk about what not to do or else it would very much do that thing. i also added the usual transitions and animations to the questions and buttons etc. i quite like how the ai also generates the alert title and message and button, making it quite unique and unpredictable, which in this rare case is actually a good thing!

because onboarding only had one button i moved it out into the general section of settings, and i added sorting to the list view.

in the list view i swapped around the number and symbol so that they could lay themselves out better, and for the filter pickers i refined their foreground colour, background shadow, and spacing.

i decided to overhaul the table view because it was really buggy and glitchy. i removed the NavigationStack, because that appeared to make the scrollview glitch when scrolling around the edges, I tried everything but removing the Title ToolbarItem and NavigationStack was the only thing that worked. I also removed the Slider because that was unnecessary after I thought about it. Because iOS provided a scroll edge effect by default when i had toolbar items, and I removed them, I had to implement my own custom progressive blur to cover the top edge of the screen, I also added some admittedly nonoptimal custom padding to the container, which wasn’t even symmetrical, although now it looks good so I’m happy.

i refined the intro view, it now applies a really nice scale and blur effect when scrolling, which also allows the user to scroll backwards and forwards instead of just forwards, and removes the bottom bar buttons to make the image bigger.

some ui refinement and simplification, like adding a glass effect to the wide button to make sure people know its a button, and the zoom level has no background because its not a button. the iphone view is also simpler because it doesnt need to display all that info.

I’ve updated teh ui, and also added lens switching and better zoom. there is a slight problem with legibility and also discovering lenses reliably but ill fix them later, I’m really happy with the image space saving. i used HEIC, which is already really efficient, then applied further extreme compression to take down the size to 15kb each, allowing me to keep fps at 10 and resolution at max

I’ve got a first version working although there are still some bugs, such as the frame just hanging and it not rotating properly

I added more transaction types because I just realised all my old ones were just negative, so now depending on if your transaction is positive or negative it shows different options for the transaction types. the other two screenshots show my first first migration, because i needed to rename one of the existing enum cases, and that failed because i was trying to convert a native postgres enum when i was just using swift codable to store them as strings

made the graph view more refined with the visual style and with selection

removed the download directory button because it doesn’t make sense

i refined the charts, and added transitions and hover selection. i will add more charts later probably

I added sideways support for iphone, and an ipad and a mac target, which is built for ipad, and an alnalysis tab that i will add more things to, such as a pie chart of all expenditure from the categories i have

final refinements and I’m done

added haptics when the tab changes

i added the watch app, which is completely independent of iPhone except for the user login token, because login and signup and account settings shouldnt be on the watch. this is so that it doesnt need to be near its iphone to pull data from it, but directly from the server.

added watch app, and going to start developing that

added delete account, and in the process also fixed signup and log in functionality because they were also returning mismatching types and showing an error even when it was successful

refactored it because it was starting to get quite messy and i was duplicating database and networking logic which was really bad and crashed it every time a switched tabs after changing items, etc

alot of bug fixes for the server and the client, from json decoding problems to mismatched types and other weird stuff.

i also finished teh listview, along iwth its detailview to patch them. i havent added deleting yet.

and on the home screen i made the background red when in the negatives

i refined the ui, mainly on teh homeview toolbar items and the add transactiondetailview, i think it looks better now and since i couldnt tint the picker options i tinted the price field.

i made the screens below, obviously theres more to come, and fixed quite a few server bugs and added some routes. i am taking extra time to make sure the code is clean and has animations everywhere, along with forcing liquid to behave as it should. the add transaction page might change quite a bit because i still dont like some sizing and spacing there.

ok i set up all the server routes for users and transactions and tokens and stuff, and i initialised everything on github and also setup the xcode app, below is the home screen i spent too much time adjusting the padding on

Read the docs for vapor, the backend I’ll be using, and initialised the database and frontend app.

updated blur to look better at the cost of a bit of performance

after an hour i finally cleaned up all the errors with the update such as CORS for the pdf, the booklist which was treated differently, and encoding/decoding uri problems. it is fixed now, and the sidebar is working

for now

migrated to the new server properly this time, now i need to fix that pdf previewer

after a lot of time got the cdn and server and frontend working, wace.jdqc.dev

smaller viewers cant access the site, they need to zoom out or pick a larger screen to view. this is because a large canvas is required to display the website properly

finished all prices that i could, half of these cant get a price because they are too old

final refinements and i think I’m done

updated about page, should add more things later

I’ve decided to remove the currency localisation its too complicated

it will just be aud becase even with multipliers i found teh prices arent consistent, by hundreds of dollars, and i cant manually add all the prices for each device and all of its storage options etc

i do really like this panel. i think adding the border makes it visibly clickable. hopefully

you can click the price to show options and rough refurbished price

added an explainer and refined its style

currency is now working and doesnt have any bugs (that I’m aware of) the user adds a multiplier to put it in their own currency to find out the rough price, which multiplies the aus price with that multiplier to get their currency. its too complicated to figure out this locale stuff and get and set currencies etc

fixed the bugs abotu scaling and hover stuff

… my currency is not pounds

these locale and currency things are really annoying

i have started to add price but that is going to be difficult becase some iphones arent being sold new anymore, some refurbished, theres many locales to deal with, storage pricing, etc.

alright i made it smaller and also fixed the layout bugs that came as a result of the card getting taller etc

now i need to add price (somehow for multiple countries - maybe i need to have it as a relative scale not absolute for each currency), and other filters, and other things

refinements

there added all this, nut now because theres so many things here the layout needs to be adjusted a bit so that the cards still fit. i need to make everything smaller etc.

fully removed all references to other devices, now I’m going to expand the information a little bit and add the actual features that will help with buying

after a very very long amount of torture I’ve decided that i can only do iphones because of the way apple’s source device iamges work, because teh iphones have scaling in photo while other devices have scaling set externally which would take me a very long time to replicate myself. so i will focus all on iphones.

starting work on the ipad info sections now

i refactored the repo to use as much shared code as possible and this is my detail page! so small yet has all the information needed. i could even dynamically create the routes for iphones and ipads etc later

this layout system is almost done, i need to fight with teh z-index a bit and then I’m done ill add more devices and properties

i have like a shelf thing to pin the stuff to compare phones emroe easily

alright i fixed that error and another one that was complaining. Next Image props are very coconfusing and have weird quirks about autosizing and apsect ratio etc.

trying to figure out a weird bug - iphone air only shows on localhost, and in prod it shows as 404. hmm.

ok i pushed to production and added https and git push production

ok its working now i need to deploy

ok got persistent popups working, now i need to make the last dragged one move to the top

it is now draggable, nice

trying to make it draggable, proving quite hard

added more images and did some refactoring and style refining

i think it looks nice now

i think tis nearly done, it doesnt explain what it does much yet

starting to make the home page now

better, i need to customise some values and annotate them with old, as it shows there

looking better, now I’m going to make it rows instead of these boxes cos they waste space

this close button really isnt centering

not done yet, but better already, I’m starting to style the specifics instead of just dumping everything in.

ah yes forgot to set z-index

better

added progressive blur and also refactored so that its a bit more organized and ready for multiple device lineups

the text is laid out badly i know but i really like these backgrounds that are really subtle like a blur or glass and with a thin border

very ugly right now

i settles on no background for navbar, think its quite clean, and will be readable since the whole website will be exactly 100vh so there isnt going to be any content udnerneath it

ok the animated background graadients now work, I’m going to make teh namvbar better now then start eh content

currently trying to design the background gradient for something like teh new watchos tabview container backgrounds, and to make it animate when you change pages

finished most of the data for iphones, now i will make the ui home page, then the actual timeline for the devices

done these, i wont go all the way back until i finish the ui and the i can go and finish the models, and also add more properties

starting to make the schema and then ill start research the data in, shouldnt take too long because I’m getting trivial things

i made it a bit more reasonable

hmmmm

its not a nice listen…

button is hard to catch

first version

refactor: accessibility, semantic html tags. now I’m actually done for the day

done for today

built out this section, will add more things though and refine further

thinking of other things to put here

the bird animates now, and i decided to make it an expertise section instead of journey because i found it makes more sense to put

i dont like this layout so I’m brainstorming of some other designs for the journey section

i decided to remove it it doesnt look good

there is supposed to be an icon here but because i want my svg to be a random colour, i need to use a library that only supports webpack, and I’m using turbopack, so I’m trying to find some workarounds than hardcoding some colour

prod server got hacked, trying to figure out what caused it

lucky i commit alot!

fixed the gap and layout between the elements and made journey its own page

started to add a “journey” section to the homepage

I’m going to add a few parts to my intro page animation and content to make it a bit more contentful instead of just an animation

updated the footer

made a few refinements to the scroll blur, home page intro animation, etc

added a spinner while the images are compressing

i removed teh navbar background with this progressive blur

trying to fix a bug where the buttons arent showing

added sitemap and made pushing to prod easier

refactored everything!

refactoring the whole codebase, updating css names and structures, adding formatting, renaming some components, making as many things as possible server-side.

starting to refactor the repo to make it a bit faster and cleaner

adding in projects now

added buttons to the home screen and added hover effects across the site

made this design better

started working on the projects page, and cleaning up some components like the footer.

theme switcher

nearly done

updated some animations between pages

added contact page

making the mobile navbar menu!

updated navbar to be a bit more spaced out and cleaned up repo a bit

final fixes and typos

fixed some types and added intro views

finished it, i might refine it later but its basically done. i like it