Stetrics

Assignment

The owner of Stetrics reached out to me to build a professional website that highlights the company’s electrical services and provides a simple contact portal for prospective clients.

Since I identify more as a developer than a designer, I used Photoshop to draft a mockup to align on the visual direction. Once we finalized the design, I built the site using Gatsby.

Prior to this project, I had only scratched the surface of Gatsby. Building it allowed me to deepen my understanding of Gatsby’s ecosystem and Netlify’s deployment workflow. I also implemented serverless functions to handle form submissions securely.

Packages

gatsbyreact-helmetnetlify

I learned

Solutions Found

This website is offline due to the closure of the business. You can still find an example via the link below.

Project Gallery

Sample of the Home PageSample of the Realisation sectionSample of the Contact Section

Other branches

Sample of the admin dashboard homepage
Sample of the comic detail view
Sample of the publisher management page
Sample of the user registration page
Sample of the series overview page
Sample of the user administration page

Comic Shortbox

A virtual shortbox web application to catalog comic book collections, list duplicate issues for sale, and purchase missing issues from other collectors.

View details
Sample of the login screen
Sample of player 1 screen
Sample of player 2 screen
Sample of player 3 screen
Sample of player 4 screen

Poker

A multiplayer Texas Hold'em poker game supporting up to 4 players, featuring a Node.js game server, real-time WebSockets, and Redux state management.

View details