In my first year of University I had a go at creating a chat app using Firebase following my lecturers instructions. I was the only person in my class to succeed. Go ahead, type something.
My first venture into the world of React was building this Tic Tac Toe game using the React Docs. It also helped me get to grips with CodePen for creating small little projects.
After experimenting using Vue in my Photography Website I decided to have a go at making a To-Do List. You can create and delete To Dos but they don’t currently persist. This is something I wish to add in the future.
My friend made a weather app so that they could learn APIs. I decided to fork it and take it a step further by experimenting with CSS Houdini, Variable Fonts, CSS Variables, and new browser APIs such as the Speech Synthesis API.
- This App uses experimental CSS Houdini features that are currently only supported in Google Chrome.
- Variable Fonts. You will need to have an up to date operating system to use them.
- There is a reduced motion mode of this App.
- CSS Variables.
- Share API.
- Speech Synthesis API.
- Service Worker and notifications. It can be installed on many operating systems.
- Dark Sky API and Skycons.
- Turn notifications on and off and have icon reflect that.
- Send notifications every 30 minutes even if app is not opened.
- Use more bleeding edge APIs (Suggestions welcome).
When creating my portfolio and memories page I needed a quick and easy way of creating galleries of images without having to code each individual image (there are over 3,000 images!). Also, I needed it without a thumbnail for each image. As far as I can tell there isn’t an easy option to do that. So I created my own bit of code using AJAX, jQuery, and PHP. I have called this the No Thumbnails Gallery. After going to Dan Benham’s talk and hearing about how to turn skills into software that’s resellable I decided to make my bit of code standalone. I have since added it to GitHub for other people to see, and use free-of-charge.