Rick And Morty Character Search
Using React to search and display character information retrieved from the Rick & Morty API.
View ProjectHello! I'm George, a front-end web developer based in Scotland.
I specialise in building dynamic user interfaces using modern HTML, CSS, and JavaScript, with a focus on usability, accessibility, and performance.
I frequently post my experiments with front-end technologies to CodePen and GitHub.
If you're interested in working with me or have any questions then don't hesitate to contact me.
Using React to search and display character information retrieved from the Rick & Morty API.
View ProjectUsing React to display and filter free-to-play games retrieved from the FreeToGame API.
View ProjectUsing CSS grid with flexbox fallback to re-create an Instagram profile layout.
View ProjectUsing the JavaScript speech recognition API to take a spoken CSS color and apply that color to a 3D cube.
View ProjectUsing CSS grid with flexbox fallback to re-create the LastPass vault layout.
View ProjectUsing CSS grid with flexbox fallback to create a responsive image gallery with no media queries.
View ProjectUsing CSS grid with flexbox fallback to re-create the layout of a YouTube channel page.
View ProjectUsing CSS grid with flexbox fallback to re-create the layout of a Trello board.
View ProjectUsing CSS grid and the 'object-fit' property to create a full-screen background video.
View ProjectUsing pure CSS checkbox functionality to create responsive emoji toggles.
View ProjectUsing React to retrieve mission data from the SpaceX API and display in a responsive table.
View ProjectUsing the JavaScript speech recognition API to lock and unlock a padlock.
View ProjectUsing the JavaScript speech recognition API to take a spoken CSS filter and apply that filter to an image.
View ProjectUsing the JavaScript speech recognition API to retrieve a spoken note and display that note on-screen with CRUD logic.
View ProjectPress a letter key and get the corresponding term from the NATO phonetic alphabet combined with the speech synthesis API.
View ProjectUsing the JavaScript speech recognition API to retrieve a spoken chemical element and display that element on-screen.
View ProjectA temperature slider that uses emojis to envision how you'll likely feel at the given temperature.
View ProjectA functional 3D CSS paper shredder, type to edit the text on the paper then press the green button to shred your text.
View ProjectPress the power button to switch on the printer and print a photo of a random doggo.
View ProjectA Halloween surprise box, click to open the box with a 50/50 chance of getting a trick or a treat.
View ProjectUsing the CSS background-clip property to create rounded gradient borders.
View ProjectUsing the CSS color property to theme SVG elements with currentColor.
View ProjectUsing CSS radial gradients to create a focusable spotlight effect.
View ProjectUsing the matrix3d() CSS function to transform an iframe in 3D space to create an interactive laptop screen effect.
View ProjectUsing pure CSS to create an animated refracted floating text effect.
View ProjectUsing pure CSS to re-create the cracked text effect from the Black Mirror TV show intro.
View ProjectUsing the CSS mix-blend-mode property to create animated transparent knockout text.
View ProjectUsing CSS text-shadow and box-shadow properties to create an editable animated flickering neon sign effect.
View ProjectUsing the CSS mix-blend-mode property to create knockout text with a custom YouTube video and light/dark theme.
View ProjectUsing the background-clip CSS property to apply a gradient background to text.
View ProjectUsing the CSS background-clip and clip-path properties to create shaped gradient borders.
View Project