Profile

Christopher James Rogers

Junior Full-Stack Developer

Let's Talk

Check Out

My Projects

Fastwarm LTD

Screenshot of work at Fastwarm

During my time at Fastwarm Ltd (Mar–Jun 2025), I worked as a Web Developer contributing to the ongoing development and optimisation of their Laravel-based eCommerce platform. My focus was on enhancing existing pages, improving mobile responsiveness, and designing reusable components using Blade and SASS (BEM).

I also delivered dynamic sale elements using Vue.js, contributed to SEO-driven content updates, and collaborated with the wider team to integrate marketing tools and manage product data via SQL. This role strengthened my confidence in Laravel conventions, responsive UI, and real-world backend workflows.

Click anywhere to find out more

Screenshot of Air Source Heat Pump category

Air Source Heat Pump Category


Created a custom-built category page for Air Source Heat Pumps using Blade, SASS, and JavaScript. Mobile-friendly layout with dynamic UI components and SEO-focused structure.

  • Framework: Laravel
  • Styling: SASS (BEM)
  • Frontend: Blade & JavaScript
  • Design: Mobile-first
  • Feature: Accordion UI
  • Focus: Usability & SEO
  • Tools: Git, TablePlus
  • Role: Frontend Development
Screenshot of Knowledge Hub – Flooring Types

Knowledge Hub – Flooring Types


Added 10 responsive, SEO-friendly pages to the Fastwarm Knowledge Hub, each focused on different flooring types for underfloor heating. Built with mobile-first principles to support usability and clarity.

  • Pages Added: 10 custom builds
  • Tech Used: Blade, SASS, JS
  • Focus: SEO & Readability
  • Approach: Mobile-first
  • Structure: Modular
  • Design: UX-friendly layout
  • Tools: Git, Photoshop
  • Role: Frontend Developer
Screenshot of Bespoke Sale Banners

Bespoke & Dynamic Sale Banners


Built mobile-first, dynamic sale banners using Vue.js, Blade, Sass, and JavaScript—tailored to specific promotions and fully responsive across all devices.

  • Mobile-first: responsive layout
  • Vue.js: components for interactivity
  • Custom Blade: templating integration
  • Modular and reusable: SCSS styling
  • Promotion-specific: logic via JavaScript
  • Seamless integration: within Laravel project

Toolzy Trade Site

Toolzy Trade Site Screenshot

Initially developed as a platform for solar equipment, the Toolzy Trade Site evolved into a nearly complete, full-featured eCommerce store. Built with vanilla PHP, JavaScript, CSS, HTML, and an SQL database, it supports essential online store features.

Key functionalities include user login, product browsing, add to cart, and checkout — all wrapped in a responsive interface tailored for trade customers. The project is approximately 80% complete and awaiting launch.

Click anywhere to find out more

Add To Cart & Order Summary Screenshot

Add To Cart & Order Summary


Developed PHP backend with HTML and JS to manage dynamic cart updates, price and VAT calculations, and clear order summaries for a smooth checkout experience.

  • Quantity management with dynamic updates
  • Calculations including VAT
  • Clear order summaries for clarity
  • PHP backend integration
  • Smooth checkout experience
  • Supports multiple product variations
SQL Join Screenshot

SQL Joins for Category Management


Implemented SQL joins to efficiently link main categories with subcategories, enhancing data retrieval and management for product listings.

  • Optimized queries with INNER and LEFT JOINs
  • Structured database for smooth category mapping
  • Improved backend for faster filtering
  • Enhanced categorization via dynamic joins
  • Maintained data integrity across tables
  • Built scalable database design

Palace Media LTD

Palace Media LTD project screenshot

Over time, I developed many websites for Palace Media, focusing on front-end development using JavaScript and PHP to improve internal systems and enhance site performance. Here are just a few examples showcasing bespoke websites crafted for tradesmen, built with HTML, CSS, Bootstrap, and AOS.js for smooth animations.

I worked closely with tradespeople to understand their unique needs, designed custom logos, and integrated social media platforms to strengthen their online presence and brand identity.

Click anywhere to find out more

RF Property Maintenance website screenshot

RF Property Maintenance


Built a fully responsive site for RF Property Maintenance based on client specs, including custom layouts, contact forms, and AOS animations. Also delivered bespoke branding through logo design and integrated a clean, trade-focused visual identity.

  • Mobile-first design for all devices
  • Custom contact forms for customer inquiries
  • Client-led build from spec to deployment
  • Custom logo creation and brand styling
  • Smooth animations using AOS.js
  • Responsive layout across browsers
Voltedge Electrical LTD site screenshot

Voltedge Electrical LTD


Created a visually engaging site for Voltedge Electrical LTD , crafting custom logos and branding assets in Photoshop to reflect the company’s identity and services. Built with mobile-first CSS and parallax scrolling to ensure a smooth, responsive experience across all devices.

  • Visuals: Custom graphics in Photoshop
  • Layout: Mobile-first responsive CSS
  • Effects: Parallax background
  • Theme: Design matched to brand
  • UI: Clean and intuitive
  • Built with: HTML, CSS & JS
The Likeable Craftsmen site screenshot

The Likeable Craftsmen


Built a custom site for The Likeable Craftsmen featuring interactive JavaScript, a timed review carousel, smooth transitions, and tailored user interactions. The project combined clean HTML and CSS with JavaScript to enhance design and user experience.

  • Features: Timed review carousel
  • Tech: Heavy custom JavaScript
  • UI: Smooth interactive transitions
  • Design: Clean HTML/CSS structure
  • Built for: High user engagement
  • Approach: Fully custom frontend

Personal Programming Projects

Code screenshot

I actively explore and experiment with JavaScript, Node.js, JSON, jQuery, and other technologies to deepen my understanding of both frontend and backend development. These personal projects allow me to test new ideas and sharpen my coding skills.

Driven by curiosity, I enjoy learning new tools and techniques, blending different technologies to create innovative solutions. This hands-on approach keeps me adaptable and up-to-date with evolving web development trends.

Click anywhere to find out more

Dice Game


Created a fun, interactive dice game where players click a button to roll two dice. The game uses random numbers to simulate dice rolls, compares the results, and displays who wins with clear on-screen messages.

Built with HTML, CSS, and vanilla JavaScript, this project was designed to strengthen my understanding of event handling, DOM manipulation, and basic game logic.

  • Interactive: Click to roll the dice
  • Game logic: Compares dice rolls
  • Winner display: Shows result on screen
  • Simple design: Easy-to-use interface
Screenshot of Dice Game
Screenshot of Letter Count Programme

Letter Count Programme


This project, Letter Count Programme, takes a user's first and last name and calculates the total number of letters entered. It uses a simple form, and on submission, instantly displays the result. Built using Node.js, Express, and EJS to handle the routing, form logic, and dynamic output.

  • Form input: First and last name fields
  • Output: Displays total letter count
  • Built with: Node.js, Express & EJS
  • Purpose: Learn server-side form handling
Screenshot of Simon Says game

Simon Says


Simon Says is a memory game where a pattern of coloured buttons lights up in a sequence, and the player has to repeat it back correctly. With each level, the sequence gets longer, challenging your memory and focus. I built this to improve my JavaScript skills and experiment with user interaction and simple animations.

  • Gameplay: Repeat the colour sequence
  • Built with: HTML, CSS & JavaScript
  • Features: Animations & sound effects
  • Challenge: Sequence grows each round
Screenshot of Band Name Generator

Band Name Generator


The Band Name Generator is a fun little app that combines your favorite things—like your pet’s name and where you grew up—to suggest a cool band name. I made this as a way to explore basic input handling and get comfortable with server-side logic in Node.js.

  • Made for: Practicing inputs & creativity
  • Built with: Node.js & Express
  • Output: Suggests a fun band name
  • Style: Simple, clean interface

Virtual Drum Kit


The Virtual Drum Kit is a fun and interactive way to play drums using your keyboard or by clicking buttons. I created it to learn about event listeners and audio playback in the browser.

  • Built with: HTML, CSS & JavaScript
  • Interaction: Press keys or click to play
  • Sounds: Includes toms, snare, kick & more
  • Purpose: Learn audio and key events
Screenshot of Virtual Drum Kit