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 (1060)

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.

Comments
hotnewtop
Baconman321 (1060)

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

BobTheTomatoPie (3345)

wow, this is incredible

BobTheTomatoPie (3345)

why did you ping me for that @LeoXu2

LeoXu2 (34)

@BobTheTomatoPie idk i was too lazy to delete

TsunamiOrSumth (552)

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

Baconman321 (1060)

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

CyberHacker101 (111)

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

CyberHacker101 (111)

hey dude can you help me on something @Baconman321

CyberHacker101 (111)

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

Baconman321 (1060)

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

CyberHacker101 (111)

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

JBloves27 (1725)

oof, the view response is down :(

Baconman321 (1060)

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

JBloves27 (1725)

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

Baconman321 (1060)

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

JBloves27 (1725)

ill send you a screenshot @Baconman321

Baconman321 (1060)

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

MikeJMS8910 (114)

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

CoolCoderSJ (507)

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 (1060)

@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 (3)

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

FlaminHotValdez (442)

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

zhaq6129 (50)

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

JacobMcPherson1 (195)

wow, very cool also Phantom forces for life

JacobMcPherson1 (195)

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

Baconman321 (1060)

@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 (195)

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

Baconman321 (1060)

@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 (195)

@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 (1060)

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

JacobMcPherson1 (195)

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

Baconman321 (1060)

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

Baconman321 (1060)

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

zhaq6129 (50)

@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 (1060)

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

CodingRedpanda (180)

@Baconman321

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

Baconman321 (1060)

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

CodingRedpanda (180)

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

CyberHacker101 (111)

lol, are you a physics major?

Baconman321 (1060)

@CyberHacker101 No.

I'm a freshman in highshcool.

CyberHacker101 (111)

lol I'm still in middle school @Baconman321

Baconman321 (1060)

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

CyberHacker101 (111)

did you teacher lower you a grade? @Baconman321

Baconman321 (1060)

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

Baconman321 (1060)

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

CyberHacker101 (111)

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

FloCal35 (501)

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

AlexSilyaev (2)

wow amazing!!! I love the scroll animations

JBloves27 (1725)

Nice job! I love the scroll animation!

Baconman321 (1060)

@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 (1725)

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 (1060)

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

JBloves27 (1725)

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

Baconman321 (1060)

@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 (1725)

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

AlexSilyaev (2)

@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 (1060)

@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 (1725)

oh, it redirects me to hot @Baconman321

Baconman321 (1060)

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

AlexSilyaev (2)

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

JBloves27 (1725)

congrats on 500 cycles! xd @Baconman321

Baconman321 (1060)

@JBYT27 Yooo am I no longer newb now :O

AlexSilyaev (2)

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

Baconman321 (1060)

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

AlexSilyaev (2)

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

Baconman321 (1060)

@AlexSilyaev Rep points. Yes.

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

AlexSilyaev (2)

@Baconman321 repl.it wants competition i guess?

Baconman321 (1060)

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

JBloves27 (1725)

lol @Baconman321

Yooo am I no longer newb now :O

zhaq6129 (50)

@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 (1060)

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

JacobMcPherson1 (195)

@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 (1060)

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

Baconman321 (1060)

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

LoveFromSkyy (132)

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 (1060)

@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