My portfolio (complete with a full-scale error reporter) - 500 CYCLES PROJECT (HUGE)
Baconman321 (1061)


Wow, this took a LOOONG time to make.

What is this? It's my portfolio!

I used google fonts instead of the default web-font. I also made the layout so you scroll down to read the tutorial.

Includes interactivity (You can run HTML code!)

Works offline and downloadable as a PWA (and it's phone-friendly)!

It even gets my profile picture and bio!

Made with golang including a site-visit count and a full-scale error reporter (that even stores the errors when offline. It stores it then the next time you get online it sends the data).
Thanks to repl for hosting my wonderful projects. Hope you guys like this because it took a lot of effort to make!

How it works:

It uses an intersection observer to detect when the user is scrolling to a particular part of the page and then starts writing the info.

The error reporter sends data to via collecting errors with window.onerror and sends them back to the service worker where it is stored in a LOG file.

If you are offline it the service worker sends it back to the client to keep. Once you get back online it requests the data and sends it.

I've ran some google audits on it and because of that I worked on performance and got it to load fairly fast.

Why use Golang?

I wanted to get a low TTFB, and I had to use a server because I was going to store site visits and make an error-reporter.

Because of GoLang's speed I was able to get my TTFB to an average of 60-70 milliseconds (wow)!

How did you get those cool scroll animations?

I used the AOS library.

You are viewing a single comment. View All
CodingRedpanda (180)

@Baconman321 im definetly going to try to figure out PWA then! xD