I grew up with lots of games on both computers and consoles. I always wanted to make my own game as a child, and ended up making a very basic point-and-click adventure using hyperlinks and HTML pages generated in MS Word. As a teen I explored Flash and Actionscript to make more point and click adventures, this is when I first used variables for things such as score and HP. Although I'm leaning more towards other types of development as a full time job, it will always be a hobby of mine.
I am fascinated by the HTML, CSS and JS trio and the way they interact with one another. I love how there's always more than one way of going about a particular task and each often has their own pros and cons. I also enjoy experimenting with preprocessors (Pug, Haml, Scss and Sass) as well as the famous front-end framework React.
As challenging as full stack development can be, I really love how anything is possible with it. If it can be concieved of, it can be done. All of my full-stack projects use Node.js for the back end. Any that require a database use mLab to store the data, with MongoDB and Mongoose npm packages to manage the transfer of data.
Data can be presented in a multitude of beautiful ways. What I find particularly exciting about in-browser data visualisation is the interactive aspect of it all. I have been using D3 to produce these data visualisation projects and plan to explore using p5 and THREE.js for more animated projects.
The path I took to discovering my passion for code was rather unconventional and I would not change a thing, as the decisions I made in life led me to where I am today.
I did a masters degree in Music at The University of Sussex. I love music and I was inspired by my rock musician father to study this field further. The MA did more than teach me about music, it taught me how to think outside the box and approach problems from different angles.
Following my graduation I did various Teaching Assistant roles until I ended up as a Higher Level Teaching Assistant and was given the responsibility of taking my own classes. I loved teaching mathematics, problem solving and most of all - Information Technology. I set up a coding club which became consistently oversubscribed; a parent pleaded with me saying their child was losing sleep over whether they would get into my club! Children find programming fascinating and this makes me hopeful about the future of computer science. The senior leadership team noticed my undeniable passion for the subject and made me the official IT Coordinator for the school.
Since my discovery of JavaScript and code in general, it has become very obvious to me what my calling is in life. I have started tutoring professionally and mentoring / debugging at coding events in London.
I am now looking to further my skills with like-minded individuals, and I look forward to a bright future in development.
I am a London based programmer who is indisputably obsessed with computer science and problem solving.
I hope you enjoy perusing my vast variety of work which includes:
A classic and addictive space-shooter game that is cross compatible across handheld and desktop devices. This was originally a standalone browser game; I later introduced node.js to add a public hiscore table to the game. Now you can make your mark and show your skills off to the world should you perform well. I challenged myself by making this without using the p5 framework for canvas animation.
Technologies used: HTML, CSS, JavaScript, jQuery, Hammer, Howler, Node.js, Express, MongoDB, Mongoose
See the code on Github
My first platformer game. A nuclear bomb has gone off on the surface, see how far underground you can escape. Can you avoid all the deadly traps? I created a level generator so that I could draw the tiles and export the layout as a string, with each character representing a different type of object. I designed the artwork on Piskel. I also produced the music in Logic Pro. Please note this is one of my first projects so the code isn't the most efficient performance wise, and some devices may struggle to run this game properly.
Technologies used: HTML, CSS, JavaScript, p5, Logic Pro, Piskel
See the code on Github
An intense educational game for practising mental maths. Dive right in to practise your times tables, or go to the settings to challenge yourself in other areas. Tested in classrooms, children respond to it well as it gets them very engaged, just beware that one or two of them may get too passionate and start screaming. You have been warned.
Technologies used: HTML, CSS, JavaScript, p5
See the code on Github
⬇ Click here to see more games ⬇
Use the keyboard to make drum sounds, get some practise and you'll be able to play a cool beat on your laptop. Click on the little rectangles to compose your own beat. Change the BPM as you listen back to your composition.
Technologies used: Pug, SCSS, Babel, JavaScript, React, Redux
See the code on Github
Use the keyboard to make drum sounds, get some practise and you'll be able to play a cool beat on your laptop. Click on the little rectangles to compose your own beat. Change the BPM as you listen back to your composition.
Technologies used: Pug, SCSS, Babel, JavaScript, React, Redux
See the code on Github
Use the keyboard to make drum sounds, get some practise and you'll be able to play a cool beat on your laptop. Click on the little rectangles to compose your own beat. Change the BPM as you listen back to your composition.
Technologies used: Pug, SCSS, Babel, JavaScript, React, Redux
See the code on Github
⬇ Click here to see more front end projects ⬇
A classic and addictive space-shooter game that is cross compatible across handheld and desktop devices. This was originally a standalone browser game; I later introduced node.js to add a public hiscore table to the game. Now you can make your mark and show your skills off to the world should you perform well.
Technologies used: HTML, CSS, JavaScript, jQuery, p5, Hammer, Howler, Node.js, Express, MongoDB, Mongoose
See the code on Github
An online multiplayer retro arcade style game. Chase your friend or friends around a room and try to finish them off before they do it to you first! Collect power ups before they do for an advantage... or the complete opposite if you're unlucky.
Technologies used: HTML, CSS, JavaScript, jQuery, p5, Node.js, Express, Socket
See the code on Github
⬇ Click here to see more full-stack projects ⬇
A classic and addictive space-shooter game that is cross compatible across handheld and desktop devices. This was originally a standalone browser game; I later introduced node.js to add a public hiscore table to the game. Now you can make your mark and show your skills off to the world should you perform well.
Technologies used: HTML, CSS, JavaScript, jQuery, p5, Hammer, Howler, Node.js, Express, MongoDB, Mongoose
See the code on Github
A classic and addictive space-shooter game that is cross compatible across handheld and desktop devices. This was originally a standalone browser game; I later introduced node.js to add a public hiscore table to the game. Now you can make your mark and show your skills off to the world should you perform well.
Technologies used: HTML, CSS, JavaScript, jQuery, p5, Hammer, Howler, Node.js, Express, MongoDB, Mongoose
See the code on Github
A classic and addictive space-shooter game that is cross compatible across handheld and desktop devices. This was originally a standalone browser game; I later introduced node.js to add a public hiscore table to the game. Now you can make your mark and show your skills off to the world should you perform well.
Technologies used: HTML, CSS, JavaScript, jQuery, p5, Hammer, Howler, Node.js, Express, MongoDB, Mongoose
See the code on Github
⬇ Click here to see more data visualisation projects ⬇
A classic and addictive space-shooter game that is cross compatible across handheld and desktop devices. This was originally a standalone browser game; I later introduced node.js to add a public hiscore table to the game. Now you can make your mark and show your skills off to the world should you perform well.
Technologies used: HTML, CSS, JavaScript, jQuery, p5, Hammer, Howler, Node.js, Express, MongoDB, Mongoose
See the code on Github
My first project using waveform analysis with p5.sound.js. I mapped the intensity of each frequency to a height to which the bubbles travel, and used a translucent background to give the appealing blurry effect.
Technologies used: HTML, CSS, JavaScript, jQuery, p5, Hammer, Howler, Node.js, Express, MongoDB, Mongoose
See the code on Github
A classic and addictive space-shooter game that is cross compatible across handheld and desktop devices. This was originally a standalone browser game; I later introduced node.js to add a public hiscore table to the game. Now you can make your mark and show your skills off to the world should you perform well.
Technologies used: HTML, CSS, JavaScript, jQuery, p5, Hammer, Howler, Node.js, Express, MongoDB, Mongoose
See the code on Github
⬇ Click here to see more art and miscellaneous projects ⬇