Share your repls and programming experiences

← Back to all posts
My portfolio (complete with a full-scale error reporter) - 500 CYCLES PROJECT (HUGE)
h
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
Reggie123
Aarav-XX1
SandpitLarry
SumaitaAlam
SelenaYang1
MintyMinMints
maxina
InvisibleOne
programmeruser
Kookiez
Comments
hotnewtop
ch1ck3n

he plays rablax

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).

zplusfour

@ch1ck3n rablax

BobTheTomatoPie

wow, this is incredible

Baconman321

@BobTheTomatoPie :OOOOOOOOOO
Thanks!

LeoXu2

@Baconman321 minecraft gud

BobTheTomatoPie

why did you ping me for that @LeoXu2

LeoXu2

@BobTheTomatoPie idk i was too lazy to delete

tussiez

Awesome!

TsunamiOrSumth

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

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)?

JBloves27
CyberHacker101

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

Baconman321

@CyberHacker101 LLOOOOOLLLLL!

CyberHacker101

hey dude can you help me on something @Baconman321

Baconman321
CyberHacker101

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

Baconman321

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

CyberHacker101

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

JBloves27

oof, the view response is down :(

Baconman321

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

JBloves27

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

Baconman321

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

JBloves27

ill send you a screenshot @Baconman321

JBloves27
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.

JBloves27

hmm, ok! thanks! @Baconman321

G0RG3

Awesome job!

Baconman321

@YashasShah Thanks!

zplusfour

pog

RajanHill

TBH I like the idea


Baconman321

@RajanHill What idea?

MikeJMS8910

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

Baconman321

@MikeJMS8910 Who?

Also thanks!

KeenanBusch

I love it!

Baconman321

@KeenanBusch Thanks!

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

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).

RajanHill

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

Baconman321

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

tussiez
FlaminHotValdez

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

Baconman321
zhaq6129

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

Baconman321

@zhaq6129 2017.

zhaq6129

@Baconman321 noice friend my alt its Unabletheking2478_2

Baconman321

@zhaq6129 Why alt?

zhaq6129

@Baconman321 main got hacked

Baconman321
tussiez
JacobMcPherson1

wow, very cool also Phantom forces for life

Baconman321

@JacobMcPherson1 what rank r u?

JacobMcPherson1

@Baconman321 58 I think

JacobMcPherson1

@Baconman321 what's your rank?

Baconman321

@JacobMcPherson1 Rank 138
flex

JacobMcPherson1

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

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

JacobMcPherson1

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

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.

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

Baconman321

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

JacobMcPherson1

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

Baconman321

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

zhaq6129

@Baconman321 ahem what about g18

Baconman321

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

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

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.

zhaq6129

@Baconman321 true...

iocoder

@Baconman321

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

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)!

iocoder

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

Baconman321

@CodingRedpanda I learned from this

iocoder
CyberHacker101

lol, are you a physics major?

Baconman321

@CyberHacker101 No.

I'm a freshman in highshcool.

FloCal35

Bro same @Baconman321

CyberHacker101

lol I'm still in middle school @Baconman321

Baconman321

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

CyberHacker101

did you teacher lower you a grade? @Baconman321

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.

FloCal35

Well... Sort of... @Baconman321

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!

FloCal35
CyberHacker101

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

Baconman321
FloCal35

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

Baconman321

@FloCal35 No...

FloCal35

They good EDM artist @Baconman321

Baconman321

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

Baconman321

@FloCal35 Hard dance be like:

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

Ahh, yes I do love that kind of stuff

PenguinLunatic

wow amazing!!! I love the scroll animations

Baconman321

@AlexSilyaev Thanks!

JBloves27

Nice job! I love the scroll animation!

Baconman321

@JBYT27 Thanks!

JBloves27
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.

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

Baconman321

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

JBloves27

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

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

JBloves27

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

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

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.

JBloves27
JBloves27

oh, it redirects me to hot @Baconman321

Baconman321

@JBYT27 LOL had "-1" notifs XD

Baconman321

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

JBloves27

XD, yeah @Baconman321

PenguinLunatic

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

JBloves27

yeah :( @AlexSilyaev

JBloves27

congrats on 500 cycles! xd @Baconman321

Baconman321

@JBYT27 Yooo am I no longer newb now :O

PenguinLunatic

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

Baconman321

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

PenguinLunatic

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

Baconman321

@AlexSilyaev Rep points. Yes.

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

PenguinLunatic

@Baconman321 repl.it wants competition i guess?

Baconman321

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

JBloves27

lol @Baconman321

Yooo am I no longer newb now :O

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

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).

JBloves27

ooof. That is very sad. @Baconman321

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

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!

TsunamiOrSumth

Nice!

Baconman321

@TsunamiOrSumth Yoooo thanks!

LoveFromSkyy

Keep up the good work!
@Baconman321

LoveFromSkyy

Nice!

Baconman321

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

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

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
JBloves27