Jonas Laurens

  • Front-end Developer
  • Father of 2
  • Husband
  • Techie
  • Comic Enthusiast
  • Guitarist
  • Cinephile

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.


Technologies used

gatsby react-helmet netlify

I Learned

  • Gatsby
  • Hosting local files with Gatsby
  • Gatsby browser configuration
  • React Helmet
  • Deploying on Netlify
  • Serverless Functions

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


Other branches

Sample of the Homepage
Sample of the new grader path
Sample of the pro grader path
Sample of the final result page

Comic Grading

An interactive web application that makes comic book grading accessible to collectors, estimating grades based on the industry-standard 10-point scale.

View details
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

Hall of Justice

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

View details
E-commerce homepage showing the comic book collection grid
Detailed inventory overview filtering comics by publication series
Real-time search interface with instant results filtering

Hall of Justice

A serverless, zero-overhead storefront built to catalog and sell a massive personal collection, featuring real-time state synchronization and automated stock auditing.

View details