Formatly - Web Converter

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…

First category added - I added the first category to the website which could convert between differnt file formates such as audio formats, image formats, video formats, and archive formats like ZIP, RAR, and 7z. I am super happy with the look and it should now be easier to add in the rest!

UI Scaffold - I initialised a next.js project and spent this time defining the style of the website. This included the greyscale palette, typography, and spacing. I then scaffoled the main page UI and refined it till I was happy with the result.