I’m officially done!!! I added the README and uploaded to Testflight! This took around 50% longer than it should have for a few reasons 1) there were a few bugs when I tested on my dad’s iphone compared to my phone 2) app store connect was being finnicky regarding the rules… But now I’m done and very very happy with the result!
I’m now officially done with the app! I added an onboarding flow so the app can prompt for mic perms… I also added a dark mode cos I didn’t want any low light ppl (looking at you fellow raters) to feel like they saw the sun… I also added the app icon (i should have added it before but I kinda forgot) which I made in Canva super easily and then imported to Icon Composer… Now I just need to make a README, publish to Testflight and I’ll be done
I implemented Shortcuts into the app! This was relatively straightforward in terms of the scope… However I really enjoyed adding this as it made the app feel “complete” as every app has shortcuts…
I implemented a live activity feature to the app. So basically now in the dynamic island it shows you a live activity from Gotcha so you can quickly capture. The same goes for the lock screen. I found it really fun to add these features in as I’ve never implemented live activities before.
I got the sharing feature to work now so you can actually do something with your recordings :) theres not much else to say here apart from now the app is basically an MVP and now i’m just gonna add nice to have features…
I made the clips editor work!!! After a lot of work and a bunch of time I managed to finally do the impossible. It genuinely was so difficult to make anything at all work such as the subtitles not working until I figured out you have to test on real device, the waveform looking weird, the app either feeling slow, laggy or jittery and the fact that the trimming logic wasn’t working. Anyways, now that I finished, I’m really happy with how it feels to use now and even more so now that I added features I wasn’t planning to add (like the volume boost feature and the dragging element feature)…
I made the tap to capture button work. The app uses up to 90MB of RAM when idle (the audio file itslef taking up up to 30MB) and it keeps a rolling 1, 2 or 3 minute buffer period. So after the time that the user sets (default 2 mins) old audio is discarded. When the suer feels they have caught a moment they wanna clip, they just open the app and press capture. Then the app saves it as a wav file. It was a bit tricky to get background audio and lock screen recording working (so that means you can have the app open in the background while you are doing something else). I also made it so when the app is out of focus it displays a huge message on the screen telling the user not to quit the app from the app switcher otherwise it won’t record. Overall I feel I made a lot of progress in this session and now I need to make the clip editor work (the part I’m dreading) and add some nice to have features…. but yeah for now the app works!
I scaffolded the UI for the project. First I initialised the Xcode project for iOS and then I made the home screen UI page. I went for a big button with a waveform inside (which doesn’t work rn). But after that it felt plain so I added like a recent clips list under it to make it more interesting and I added 2 stats as well. I also made the full Clips page and I designed the clips editor. This part took the longest cos I didnt wanna overcommit myself but I wanted to still challenge myself so I added like 5 tools that should not be tooo difficult to add. I also designed the settings page with setting that will be added and thats pretty much it :) comment (if anyone sees) if the UI looks good or not.
I made the README.md and I made the Github Release as well (as a ZIP file of course)… There’s not much else to say here except how are my last 2 devlogs the same time??? like lol what are the chances of that ._.
I made the colour picker actually work now…. so for some reason this took wayyy longer than it shouldve because the eyedropper API was so annoying to use and I gebuinely felt like trying another approach…. but after making that work, and also making dark mode work (including inverting the extension icon in the header) I also got the recent colour list working and I used the colour conversion logic from Formatly (my previous project) to convert between different formats of colours via I finally got the colour picker working. For some reason this took way longer than it should have, because the Eyedropper API was so annoying to use, and I genuinely felt like trying another approach. After getting that working, and also implementing dark mode(including inverting the extension icon in the header bcz it looked bad without it ngl)I also got the recent colour list working. I used the colour conversion logic from Formatly to convert between different colour formats via a dropdown (yes yes excellent UX frfr)
I initialised a React +vite project (normally I use Next.js, but it felt overkill for such a simple tool) and then scaffolded the UI and made the extension’s icon. To make the icon I decided to use Canva, as it was an easy process, and I exported it as an svg so I can manipulate it easily. As for the UI, I decided to use elements and styling from my previous project (Formatly), as people really liked it, but I also added a dark mode button because that was some feedback I had gotten.
I made the README file and I also fixed some things for deployment to Cloudflare Pages!! I’m officially done with this project!
I made Formatly easier to use. I added a quick search box you can open with Command+K or Ctrl+K to jump straight to any tool. I also upgraded the file converters so you can do bulk conversions and download the output as a ZIP. I also cleaned up the homepage by moving the interactive parts into their own file so the website is more optimises, as well as making the Web Assemblies lazy load so the website loads faster and locking file conversions to desktop only (so mobile users don’t butcher their data downloading the WASM). I also added the logic for the main box on the homepage so you can drop in a supported file and it takes you to the right tool. Finally, I added SEO (all generated with ChatGPT bcz I’m not bothered to write it myself) and finally replaced the old Next.js favicon with the website’s logo.
Okay this took wayy too long but I finally finished the remaining categories. The currency category can, obviously be used to convert currencies. (it works by using USD as the base currency). Date and time cateogry can calculate age and time difference.
This time I made 2 categories as they were quick andeasy to create… I made a units converter and a number/base converter as well… I’m getting used to this now and I should be able to finsih the remaining 3 in like 5hrs now 😅
Colours category** - I added a category which can do operations with colours such as RGB to hex and generic colour name like bliue to more specific formats like RGB and hex and HSV.
Second Category - I added my second category which lets users modify and convert text. They can decode and encode text, slugify and even use morse code…