Hi! I'm Mario, a Front End Developer working with Javascript, React.js and CSS3 technologies. Passionate about building bespoke websites, making custom animations and working with SVGs. Always looking for exciting code to write.

PROJECTS

react weather widgets

WEATHER CARDS

Animated cards displaying the weather in Mars and 3 other locations through the use of APIs and bespoke animations.

CODE PAGE
countries rest api

COUNTRIES API

This coutries data display works through an API and loads more cards on scroll.

CODE PAGE
Core Correct Health

CORE CORRECT HEALTH

This page was commissioned by local Osteopath and dance trainer Kevin Woods. It is a complete redesign of his former website. The logo is also a completely new design.

CODE PAGE
Fresh Air product page

FRESH AIR PRODUCT

This mock design showcases modern CSS technologies without any (almost) javascript.

CODE PAGE
Mine sweeper

MINE SWEEPER

Built with a one-dimensional array and no nested loops. Replicates the functionality of the classic.

CODE PAGE
Linux Mint

LINUX MINT

Inspired by the Linux Mint Cinnamon Desktop own website. Responsive with flexbox and grid.

CODE PAGE
Pomodoro Clock

POMODORO CLOCK

A classic Pomodoro clock built with React. It features a CSS grid animated background with a selection of colour palettes.

CODE PAGE
Ultimate tic tac toe

ULTIMATE TIC TAC TOE

Ultimate tic tac toe with different difficulty settings.

CODE PAGE
Game of life

GAME OF LIFE

A toroidal (wraps around the sides) game of life with many options like heatmap, sizing, population....

CODE PAGE
Xylophone Says

XYLOPHONE SAYS

Like the Simon Says classic game but with an SVG xylophone.

CODE PAGE
Memory game

MEMORY CARDS

JS memory game with fliping cards and 60 different faces to match.

CODE PAGE
Fylo landing Page

FYLO LANDING PAGE

Landing page including CSS3 features like grid and flexbox.

CODE PAGE
Typhon Gaming

TYPHON GAMING

Landing page for a mock gaming pcs company. Created with Bootstrap and Jquery.

CODE PAGE
React Calculator

CALCULATOR

A light calculator widget built with React.

CODE PAGE
Rock Paper Scissors 25 options

RPS-25

Rock Paper Scissors game with 25 options and more than 300 outcomes. Emoji version.

CODE PAGE

REACH ME

You can contact me through any of my social profiles or fill up this form.