Skip to content
← Back to Community
My portfolio (complete with a full-scale error reporter) - 500 CYCLES PROJECT (HUGE)
Profile icon
Baconman321

EDIT: ALL RIGHT NOW WHO'S SPAMMING THE VIEWS COUNTER?

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.

Voters
Profile icon
lamx
Profile icon
arnavpatel2021
Profile icon
CoderGautamYT
Profile icon
Qwertyuiopoptop
Profile icon
danielclowes13
Profile icon
JWZ6
Profile icon
Reggie123
Profile icon
Aarav-XX1
Profile icon
SandpitLarry
Profile icon
SumaitaAlam
Comments
hotnewtop
Profile icon
ch1ck3n

he plays rablax

Profile icon
Baconman321

@ch1ck3n Yeah, so?
(I usually think people are dissing the game when they say that because that's what happens most of the time).

Profile icon
zplusfour

@ch1ck3n rablax

Profile icon
BobTheTomatoPie

wow, this is incredible

Profile icon
Baconman321

@BobTheTomatoPie :OOOOOOOOOO
Thanks!

Profile icon
LeoXu2

@Baconman321 minecraft gud

Profile icon
BobTheTomatoPie

why did you ping me for that @LeoXu2

Profile icon
LeoXu2

@BobTheTomatoPie idk i was too lazy to delete

Profile icon
tussiez

Awesome!

Profile icon
TsunamiOrSumth

honestly why isnt this the top post yet, deserves way more exposure

Profile icon
Baconman321

@TsunamiOrSumth Wow thanks!

Someone is spamming my site view counter :(

Honestly my security is really bad, I only check the referer, which can easily be spoofed. But does anyone here even know enough to do that (I mean, I do)?

Profile icon
JBloves27
Profile icon
CyberDaDev

I love this quote “Two things are infinite: the universe and human stupidity; and I'm not sure about the universe.”
― Albert Einstein

Profile icon
Baconman321

@CyberHacker101 LLOOOOOLLLLL!

Profile icon
CyberDaDev

hey dude can you help me on something @Baconman321

Profile icon
Baconman321
Profile icon
CyberDaDev

I need help on a repl WERE VERY LOW ON PPL lol sorry for the late reply can i invite you? @Baconman321

Profile icon
Baconman321

@CyberHacker101 Sure, but I can't work on it right now as I'm in school...

Profile icon
CyberDaDev

ok ima invite you to the team press on the among us story 1 thing @Baconman321

Profile icon
JBloves27

oof, the view response is down :(

Profile icon
Baconman321

@JBYT27 No it should be up (it doesn't work for the repl window).

Profile icon
JBloves27

hmmm, i tried both and they didnt work :( @Baconman321

Profile icon
Baconman321

@JBYT27 What does it say? It works fine for me?

Profile icon
JBloves27

ill send you a screenshot @Baconman321

Profile icon
JBloves27

@Baconman321

Screenshot 2021-01-19 at 1.20.19 PM

Profile icon
Baconman321

@JBYT27 Yeah, hmmmmm.
I don't know. Try clearing the site data...

Open devtools, reload, check the network request (in the network tab) that should be "/addviews" and click on it. Click preview. Also, there should be an error showing why it failed (if it did). You can also look at the data logs in the repl. Clear the console on my repl, go to the website, and watch for a log to appear.

Profile icon
JBloves27

hmm, ok! thanks! @Baconman321

Profile icon
G0RG3

Awesome job!

Profile icon
Baconman321

@YashasShah Thanks!

Profile icon
zplusfour

pog

Profile icon
RajanHill

TBH I like the idea


Profile icon
Baconman321

@RajanHill What idea?

Profile icon
Michael8910

he said he was an 'armature' I think this is much better

Profile icon
Baconman321

@MikeJMS8910 Who?

Also thanks!

Profile icon
PizzaMan21

I love it!

Profile icon
Baconman321

@KeenanBusch Thanks!

Profile icon
CoolCoderSJ

Really cool but here's a tip - if ur repl is titled as your username, just go to (username).repl.co so like BaconMan321.repl.co also leads to ur portfolio

Profile icon
Baconman321

@CoolCoderSJ Yeah that's what I wanted it to do (it does do it but the repl leads you to baconman321.baconman32.repl.co instead).

Profile icon
RajanHill

Yall young I've been playing Roblox the day it published

Profile icon
Baconman321

@RajanHill Lucky! I was 1 at that time :(

Profile icon
tussiez
Profile icon
FlaminHotValdez

Awesome with a capital A-W-E-S-O-M-E.

Profile icon
Baconman321
Profile icon
zhaq6129

AYO BRO SINCE WHEN U PLAY ROBLOX IVE BEEN PLAYING SINCE 2015

Profile icon
Baconman321

@zhaq6129 2017.

Profile icon
zhaq6129

@Baconman321 noice friend my alt its Unabletheking2478_2

Profile icon
Baconman321

@zhaq6129 Why alt?

Profile icon
zhaq6129

@Baconman321 main got hacked

Profile icon
Baconman321
Profile icon
tussiez
Profile icon
JacobMcPherson1

wow, very cool also Phantom forces for life

Profile icon
Baconman321

@JacobMcPherson1 what rank r u?

Profile icon
JacobMcPherson1

@Baconman321 58 I think

Profile icon
JacobMcPherson1

@Baconman321 what's your rank?

Profile icon
Baconman321

@JacobMcPherson1 Rank 138
flex

Profile icon
JacobMcPherson1

@Baconman321 I wanna 1v1 you and show you im 100000 times better than you but im a console player

Profile icon
Baconman321

@JacobMcPherson1 LOL I have all the primaries and secondaries and 10k rn and I'm pretty good (went 25-27 in a game with only noscopes from the WA2000 and at least 10 were from a distance). Really wanna try that?

Ur just jealous

Profile icon
JacobMcPherson1

@Baconman321 noscopes are ez ill try and beat that next time i get on pf

Profile icon
Baconman321

@JacobMcPherson1 GL! I really love going around with a freakin WA2000 or M107 and treating it as an auto!

Of course, I have 2k kills on the M4A1 and over 200 kills on 20 different guns.

Also, I'm not that good at 1v1's. I prefer just camping or something (I camped the other team from my spawn point LOL). Of course, I always like rushing into combat too and I throw away KDR when I'm playing most of the time.

Profile icon
JacobMcPherson1

@Baconman321 the only gun ive ever gotten more than 1k kills on was the m60 and i want my 2nd gun to be the Intervention

Profile icon
Baconman321

@JacobMcPherson1 Nah steyr better :D (but intervention gud too.. very good)

Profile icon
JacobMcPherson1

@Baconman321 steyr's only good if you can hit your headshots

Profile icon
Baconman321

@JacobMcPherson1 Exactly why I'm getting better. I have 800 kills on that baby.

Profile icon
zhaq6129

@Baconman321 ahem what about g18

Profile icon
Baconman321

@zhaq6129 Yeh, it's good. I have over 200 kills on the g17 though (I am a pretty fast clicker).

Profile icon
zhaq6129

@Baconman321 nice nice. I prefer the old simple version of phantom forces; the new one has too many things and als nobody cares about skins

Profile icon
Baconman321

@zhaq6129 You can sell skins for moolah!

Also some of the skins are nice, but otherwise yeah I sell them... I like black on my icemourne though.

Profile icon
zhaq6129

@Baconman321 true...

Profile icon
glitchish

@Baconman321
image
why does it literally say i can download/install your website on my chromebook (yes im using this garbage)

Profile icon
Baconman321

@CodingRedpanda Yea I'm using garbage too :(.

I made it as a PWA so you can install it on a phone, chromebook, tablet, or even a desktop computer (at least a laptop)!

Profile icon
glitchish

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

Profile icon
Baconman321

@CodingRedpanda I learned from this

Profile icon
glitchish
Profile icon
CyberDaDev

lol, are you a physics major?

Profile icon
Baconman321

@CyberHacker101 No.

I'm a freshman in highshcool.

Profile icon
FloCal35
Profile icon
CyberDaDev

lol I'm still in middle school @Baconman321

Profile icon
Baconman321

@CyberHacker101 oOf I just got out of middle school. I should be in 10th grade tho :(

Profile icon
CyberDaDev

did you teacher lower you a grade? @Baconman321

Profile icon
Baconman321

@CyberHacker101 No I was homeschooled throughs 2nd grade and my mom made me take kindergarten twice. Of course, my birthday is right at the end of the school year which might make things more weird but still, I know bits of college-level education facts.

@FloCal35 You say ur star wars nerd?
Did you know that hypermatter in star wars (warp drive fuel) is based off of tachyonic-like matter? A tachyon is a hypothetical particle (and exotic matter, particles that would break the laws of physics as we know it) that can go faster than the speed of light and goes faster with less mass.

Profile icon
FloCal35

Well... Sort of... @Baconman321

Profile icon
Baconman321

@FloCal35 Ok I heard it somewhere about tachyons.
https://en.wikipedia.org/wiki/Tachyons_in_fiction huh apparently a lot of fiction uses tachyons... cool!

Profile icon
FloCal35
Profile icon
CyberDaDev

lol your mom should have made you take kindergarten during pre-k and you do 1st-grade stuff the next grade. basically, you should be doing 11th-grade stuff right now if your mom did this method @Baconman321

Profile icon
Baconman321
Profile icon
FloCal35

Aaayyyyyy EDM noice. It's the best. Have you listened to Hoverboots?

Profile icon
Baconman321

@FloCal35 No...

Profile icon
FloCal35

They good EDM artist @Baconman321

Profile icon
Baconman321

@FloCal35 H y p e r p o t i o n s

Profile icon
Baconman321

@FloCal35 Hard dance be like:

https://www.youtube.com/watch?v=WxC5tKutqUw

Ahh, yes I do love that kind of stuff

Profile icon
PenguinLunatic

wow amazing!!! I love the scroll animations

Profile icon
Baconman321

@AlexSilyaev Thanks!

Profile icon
JBloves27

Nice job! I love the scroll animation!

Profile icon
Baconman321

@JBYT27 Thanks!

Profile icon
JBloves27
Profile icon
Baconman321

@JBYT27 The only thing I hate is that I put at least weeks of hard work into my projects and here are people who take maybe 40 minutes and get on trending. It's all about the timing, and I guess what you name it. I don't criticize their work, I just wish people would pay attention to others who put a lot of elbow-grease into their programs.

Profile icon
JBloves27

LOL, yeah, thats what is kinda sad about replit, its really only about fame :(. Yeah, i agree with you... maybe we should make a post and repl thing to encourage people to do that more? @Baconman321

Profile icon
Baconman321

@JBYT27 Yeah! Time to break out my psychology skillz and let's make a motivational repl!

Profile icon
JBloves27

:D yep! gl on it! Invite me if you want more support! @Baconman321

Profile icon
Baconman321

@JBYT27 It was ur idea...
I might do it later.

I just think we ought to have a single page saying why you should do that, and then a "I promise" button and we can record the number of promises made!

Oh, and some music.

Hmm, where would we get some moosic...?

And ofc I'm inviting u it's ur idea :D

Profile icon
JBloves27

ahahaha, ok. Thats a lot of good ideas :D yay! @Baconman321

Profile icon
PenguinLunatic

@JBYT27 to solve that problem instead of looking to hot stuff go look in recent repls and support them and they will hopefully rise to the hot list

Profile icon
Baconman321

@AlexSilyaev Yeah that's what I hope happens more often.

Problem is that it automatically redirects to the "top posts". I think it should be user preference.

Profile icon
JBloves27
Profile icon
JBloves27

oh, it redirects me to hot @Baconman321

Profile icon
Baconman321

@JBYT27 LOL had "-1" notifs XD

Profile icon
Baconman321

@JBYT27 LOL yep. You would have to click "new" instead.

Profile icon
JBloves27
Profile icon
PenguinLunatic

@JBYT27 yea sadly it pops up to hot automatically because they "earned" it to get there

Profile icon
JBloves27
Profile icon
JBloves27

congrats on 500 cycles! xd @Baconman321

Profile icon
Baconman321

@JBYT27 Yooo am I no longer newb now :O

Profile icon
PenguinLunatic

@Baconman321 i am a newcomer so i don't know many repl stuff so what is a cycle?

Profile icon
Baconman321

@AlexSilyaev You earn it when you answer a question (5 cycles) or have a post upvoted. They are basically stackoverflow's reputation.

Profile icon
PenguinLunatic

@Baconman321 ok so it is basically repl points? right?

Profile icon
Baconman321

@AlexSilyaev Rep points. Yes.

Useless... Stupid... coveted wayyy to much... rep points

Profile icon
PenguinLunatic

@Baconman321 repl.it wants competition i guess?

Profile icon
Baconman321

@AlexSilyaev Eh, maybe. I wouldn't know tho.

Profile icon
JBloves27

lol @Baconman321

Yooo am I no longer newb now :O

Profile icon
zhaq6129

@Baconman321 does that count for me? mine was kinda low effort and isnt on trending but might be. but i mean i just started learning python so ye

Profile icon
Baconman321

@zhaq6129 Effort is relative. If you worked hard on it then it should be on trending. I mean, this isn't the hardest I worked on something. My Stargaze project took over a month to make, had about 3k lines of code and it only got 25 upvotes (which is still good I guess).

Profile icon
JBloves27

ooof. That is very sad. @Baconman321

Profile icon
JacobMcPherson1

@Baconman321 I've gotten 2 very bad, effortless things on trending and I think it's very bad that stuff like that gets trending while actual projects are sometimes never even seen

Profile icon
Baconman321

@JacobMcPherson1 Yeah, sadly. Also, effort is relative. If you spent a lot of time learning on how to do things, I'd say it is a very effort-filled project!

Profile icon
TsunamiOrSumth

Nice!

Profile icon
Baconman321

@TsunamiOrSumth Yoooo thanks!

Profile icon
LoveFromSkyy

Keep up the good work!
@Baconman321

Profile icon
LoveFromSkyy

Nice!

Profile icon
Baconman321

@LoveFromSkyy Thanks, I never expected such a quick response!

Profile icon
LoveFromSkyy

I enjoy looking at people's code and inspiring them to keep up their great work.
I'm a dreamer. Someone who hopes to get further than anyone else at something. One day, I will be a professional game developer.
@Baconman321

Profile icon
Baconman321

@LoveFromSkyy Nice! I never really was good at design so I never really could get going at game development, but maybe I could... I don't know.

Still, hope your game gets famous!

I'm expecting to get a free copy of it :D
Profile icon
JBloves27