I use Manjaro as my main operating system so during the course of development, I need to use it to preview fonts. But by default, I don't have any font viewer installed! So instead of just downloading one, I decided to make my own. Names with alliterations are cool, so Font Frog was born.
The site is really simple: you just drag your font file onto the drop area, and drop it there. Font Frog will then show you all of the glyphs in the font file (TTF, OTF or WOFF), allow you to enter preview text, and change the size of said preview text. Users can also leave a review and feature requests.
Even though the site is pretty simple, I learned a from making it. This was my first project using React, so I learned a ton from this project. I went from not understanding React at all and wondering why anyone would even use a framework to wanting to use one on all of my projects (Vue is my favourite). I also learned about making monorepos with Lerna, file uploads with Express, got better at making sites responsive, and using Firebase to store reviews and feedback requests.
SKATE is a fictional skate shop that I created a digital storefront for. It has product pages, articles, shopping cart functionality & an item checkout (non-functional). The Site is also responsive using Bulma.
Whenever I see something on a site that looks cool, I try and figure out how they did it. This normally leads to me inspecting the element, looking at the CSS on it, and opening up the site's stylesheets to see the classes on whatever I'm looking at. I figured there had to be a better way to get the CSS, so I made one: à la mode.
à la mode is an extension that allows you to get the CSS of any element you hover over. It adds the necessary stylesheet to the head of the page, creates the modal that follows the mouse, and then gets the classes, IDs, and other styles and puts them in the modal.
This is my first extension, So I learned about how those work for Firefox and Chrome.
This one's pretty self explanatory. It's just a responsive landing page I made in a few hours using Skeleton. It's a recreation of this theme.