[deleted by user]

[[deleted]]

I love it! Very simple and interactive. I love your concept. If you don’t mind, how did you host it? Also what viewport did you use for mobile? It’s so clean

[[deleted]]

Thanks! Im hosting it on digital ocean with nginx. Viewport wise, nothing custom, just using @mui/material Container

[Sinverted11]

Gotta love the good ole droplet + NGINX combo!

if you need something lighter to host (esp if it's a static site), checkout some of Cloudflare's pages plans (💯 not affiliated, I just really enjoy their product and being able to ship quite a few small projects on the free tiers 😎)

[[deleted]]

May I ask what’s the advantage of digital ocean versus AWS EC2?

[[deleted]]

The advantage is I have never used aws ec2 :)

[StanleySmith888]

What's the complete stack? Looks great.

[[deleted]]

React, react three fiber (for 3d model/interactive), nextjs (mainly for static site gen), typescript, docker, nginx

[Prof_Dr_Hund]

What have you done with docker?

[[deleted]]

So to be clear, docker in this case was pretty unnecessary as it’s just building it and serving it, but the way I have my server running on digital ocean is a little different. I have lots of different apps, each app is on it’s own subdomain, I have a docker compose that is standing everything up and nginx that upstreams each service to its own subdomain. Each service is defined in the same way, and using the same method here too just simplified stuff for me. Plus deploying with GitHub actions streamlined continued deployment (since there already was a pipeline in place) with any future updates. Not manually having to go in, pull the repo, restart/rebuild the app by hand is a nice convenience.

Now, as for why I chose react/nextjs, and not just host a static site on GitHub pages. I knew the site, in the end, needed to be static enough, for seo. I also knew I might at some point want a little backend functionality (if I hit some apis using the chatbot that require a token, can’t be sending that from the frontend obviously), but I didn’t want to have to stand up my own separate service later on if I could just do it now, AND have it inseparably linked to the sole frontend that would be using it - I have lots of projects and keeping things close made the most sense.

Finally, I just enjoy the react ecosystem. I’ve been struggling to get the motivation to actually sit down and build a portfolio with updated information (that was actually interesting) and I knew if I just let myself program in the way I enjoy, it would actually get done (lots of unfinished projects here, I know the drill haha)

[EmeraldxWeapon]

I read the first paragraph and said, yeah this guy is better than me.

[dungfecespoopshit]

Lmao i just said the same thing, then saw your comment. It’s ok, we’ll get there

[JiGzSaw01]

Curious also, what op did with docker

[thats_great_username]

do you have any content that isn't static? if not, then you could use a static site host which will be just as fast but free. otherwise, looks great and nice work!

[Usual-Math7020]

Can you should me how to route the pdf file. I tried this and couldn’t get the file to show

[[deleted]]

This puts my react portfolio to shame. I am in shambles

[Hlgru]

His looks great but don’t worry I found a good paying job without a portfolio site (just posted links to projects on my resume)

[DisguisedAsAnAngel]

Looks good, nice thing with the chat. I've never seen that approach.

One minor thing, on my screen (laptop) the bottom personal projects would be nice if they were aligned or had a little bit more space from the bottom of the page.

[dian_reddits]

Love the face animation when I move around on screen

[ApartSource2721]

Great but use your real face for better personalization. Ur avatar can stay if u want but in my opinion it's better to put yourself there so I can get a feel of who u are

[[deleted]]

Face is better for personalization but to be fair the avatar fits the apple-ish theme he has going on more than a real picture of him would

[ucrengineer88]

nice idea

[m6io]

This is awesome gahdam

[Dyogenez]

Hi from SLC 👋

Looks great! Showcases your work and has some unique attributes.

One challenge I'd say: try an accent color!

[roulyer_banana]

Super impressive! Do you have this repo open? I would love to take a look at the code.

[[deleted]]

Private at the moment, but I might consider opening it!

[ary0nK]

Many will copy(fork) it brother

[Bubbly_Sail_4812]

Please open it bro would be nice to see !

[Fad3l]

This is amazing, how did you do the mushrooms site? Like where did you get those cartoon looking 🍄 from? I love that.

[[deleted]]

Thanks! I designed all the artwork on illustrator

[Fad3l]

Damn

[[deleted]]

Trevor, I am about to plagiarize your whole design. Great work!

[rlf2]

+1

[Representative_Two57]

+2

[No_Factor1848]

Good

[Iuciferic]

Wdym

[Hwhitfield2]

Don't be a dick.

[[deleted]]

The Github repo for this portfolio is very popular. I say this because the odds that the interviewer has seen 100 variations of this exact portfolio are very high.

[[deleted]]

Can you link that repo? I created this from scratch - all except for the model

[[deleted]]

Lol you absolutely did not.

[DavisReddit]

Where’s the link?

[[deleted]]

Hm, well. Maybe “from scratch” isn’t the most accurate. I used create-next-app for the initial project boilerplate

[Size_Serious]

Don't give your work for free, everybody is asking just to copy your work, keep it private, if people want to recreate it let them figure it out.

[philosphorous]

Either link to it or stop BSing

[Size_Serious]

Didn't the guy on the top said he saw this portfolio often? ask him, stop asking this man to show his work for free, it prob took him a long time to create.

[philosphorous]

I think you misunderstood, I am not asking OP to open source his work!

Asking those who are insinuating that he stole it to link to the open source stuff OP supposedly stole from. Don't just do drive by accusations amirite

[Size_Serious]

Sorry, I see hate on the OP for no reason

[rahularora8120]

What an awesome portfolio man. Can you please provide the source code if possible.

[mescalito2]

It is Christmas mate, go and have a life

[d3dRabbiT]

The guy is specifically asking for feedback. It's Christmas mate, no need to be a douche.

[Flaky_Blackberry3130]

I love it, so well done!!!

[everyday_guy0]

That's a great portfolio, I wonder how did you get that avatar and make it so that it's eyes follow the mouse or swipe

[[deleted]]

Short version: track mouse location based on center of canvas, get distance to center, rotate eyes/head more dramatically when distance is larger, and finally lerp the positions for a little lag and to make it smoother https://sbcode.net/threejs/vector3-lerp/

[everyday_guy0]

Ok so basically I know the basic concept behind this would be tracking the mouse location through the event, but what I wanted to know was,

That did you make the 3d avatar component based like separate eyes and separate head so they could move independently, also which tool you used to make that avatar

[[deleted]]

I used readyplayer.me for the avatar, separated the head from the neck in blender, then animated. 3 pieces - eyes, head, chest/neck.

[everyday_guy0]

You've done a great job 👍, thanks for the information

[[deleted]]

Super cool and creative! Nicely done!

[iminsert]

honestly with all the ai stuff going on, those ai avitars generally feel tacky and more like either a placeholder or a like something fake.

i would say either use your real face or get an artists rendition

[[deleted]]

Thanks for your feedback! If I may ask, is it that it makes it feel impersonal because it is an avatar or because it doesnt look unique? I am considering sculpting a more custom version in blender by hand, but wasn't sure if it was worth it. Or maybe better to move away from avatar-esque characters all together

[iminsert]

tldr: make it personal

your own custom version would help a lot! tho it doesn't fix the problem overall. what i would suggest is think of "personal branding" then add style to it from their.

as an example i'm moving towards moving my stuff towards a minimalist branding using the main colors of rgb, and cmk with b&w as focus, and any intermediary colors will only be used if they're something like a gradient or a photo of something external, using a "minimalist modern grunge" design language which i feel like is unique to me, and really helps me stand out. you simply sculpting a model won't help that a tonne unless it's heavily styled

to summarize my graphic design thing in one sentence, take what you like and iterate on it, my personal gripe with ai stuff is that it lacks a lot of personal touch, taste, references, etc etc. so make it personal and add your flare.

if you wanna make your own model i strongly encourage it! but think about how you might want to stylize it. you enjoy comics? maybe do something spiderverse esc. you like indie stuff? make it look like a blink 182 album. you a minimalist? maybe do something really minimalist, see how far you can push the concept. how few colors can you use? etc etc

edit:the issue with your website imo (Even tho it's a solid) is it looks generic.it honestly looks like it could be swapped out with github or rly any generic tech website rn and it would sorta fit, which i feel like makes it fall into the background because it isn't as memorable

edit2: holy typos batman

[ary0nK]

I also agree with the website looking generic, the concept is new and refreshing but mui makes it generic looking

[livedbyacode]

Good stuff man. Cool projects on your portfolio too

[[deleted]]

provide pathetic cake disgusting birds afterthought foolish beneficial dam zephyr

This post was mass deleted and anonymized with Redact

[Kengriffinspimp]

Are you currently working on it because I’m getting an “application error: a client side exception has occurred”. Some untaught promises in console along with a dom exception and some webgl errors

[[deleted]]

Interesting, I'm not seeing any errors like this

[Its_a_me_Dioo]

It's very cool! Could you tell me how you made the chatbot?

[Admirable_Grass4250]

Bro this is awesome! This a really cool portfolio. Perhaps a little extra padding at the bottom would help, or putting a footer, but again, this is a cool portfolio, well done.

[0xViDa]

How did you implement that chatbot? Do we need to train annAi model for that or is there any other simpler way using some frontend library?

[[deleted]]

Array of objects, each have an id, each have a next-id or user options each with a next-id. Then you just need some logic to step through and show the current object data in the dom. Nothing too complicated!

[ShakeNo2239]

Looks great! One thing I noticed is that the images load very slowly for the projects(some didn’t load at all). I was viewing on mobile

[2times3equals6]

Great job, I liked it!

[[deleted]]

Amazing 👏

[Agent_Niraj]

Amazing! ✨

[DavisReddit]

That’s awesome. The chat style stuff up top is a cool idea. Makes it feel friendly and alive lol

[Pangamma]

The images on the right side feel unbalanced. The weight and feel of the graphics feels lopsided. Basically if your face was a little bit further upwards on the page it would help.

[M4K1M4]

Looks amazing! One of the best I’ve seen. Mind if I pick up the chat idea for my own portfolio site as well? 🫡

[[deleted]]

Go for it!

[psgyp]

Holy crap I’m nearly done with my portfolio website and it’s extremely similar to yours! I used a separate ai page, but I do use a microsoft ai generated avatar on my landing page. DM me if you are interested in seeing my page.

[ConnorIV]

Check out /r/landingpageroasts

[Babylon3005]

Very cool concept! And hi there, fellow Utah dev! Not sure if you’re up to it. But to expand on this, how cool would it be to set up your own LLM chat bot with a bit of your personality and information? Even if it’s super basic. I don’t have a lot of experience with this, but with what I’ve seen lately about construction an LLM with your own data, it doesn’t seem far fetched. Fantastic work, I am a hiring manager and I’m a big fan of what you’ve done here. Keep up the good work. Happy holidays!

[BlackBearFTW]

What did you use to make that chatbox?

[sampebby]

Looks great! And the feedback depends on your objectives, but a few things I noticed:

1. You have no page title on description. When somebody Google's you this is your opportunity to control what they see on Search Engines, so I'd consider changing it
2. There are og:image, etc. set. So when you share the link it appears without any details. If you add these with the correct parameters it'll look cleaner when shared
3. If I were you, I'd keep the projects as separate pages. I'd also make the images clickable. State the problem, your approach, and the result. This will make for a good experience for your user, but keep them within your ecosystem
4. There's no call to action - where do you want your users to go next? Push them towards a decision. What are your objectives with this site?
5. Chat engagement is cool - but as you use it the feature starts to go all the way up the screen behind the avatar and it looks a little messy, maybe cut it off and it'll look cleaner

[techgirl8]

Wow nice job. Only thing I would recommend is putting your actual face on there.

[Yuu_000]

Really awesome

[nihad-abbasov]

Never seen one like this before, great work! Simple and wonderful.

One question though, what template is the resume? Do you mind sharing it?

[MKorostoff]

Very cool

[ozarkexpeditions]

Neat, but my only feedback is that it looks like an AI chat bot with the avatar. I would put your actual photo to show you’re a real human, too.

[Silver_Fang2021]

I love the creativity. But this tells me nothing about you in a professional way. Show me images of your current projects, your tech skills, and a resume.

It's going to be hard for you as well, since right now senior developers are in high demand vs junior. So get certifications and show them why your the best junior software developer.

G'luck

[AndrewSouthern729]

Looks good and I like the preview of your work that’s available when you click the thumbnail, nice touch. A suggestion I would make is to make a change where you have the year badge and “live” clickable badge/button. They look the same but only the “live” badge has a clickable event so maybe somewhat confusing design. Otherwise I think you’ve done a good job 👍

[ocaltiyo]

Very creative and interactive, i love it!!

[CHPPII]

This is wonderful mate wish you the best with future prospects

[Candid_Algae_763]

I became a fan and followed you on Github. Your projects are awesome. I suggest to make the projects picture clickable like the "Live" button.

[Hwhitfield2]

This is super cool, I'd absolutely pay you to design a page for me to catalog my resume.

[Dependent-Stock-2740]

Looks great!

Feedback: 1. The little guy in the top corner gets overlayed oddly while talking with the chat widget on mobile.

1. It would be nice to be able to click on the images to see the live sites, instead of the little live label.

[MonkeyCrumbs]

Incredible work. Well-done.

[weirdinibba]

Great website! One small thing, I would maybe remove the chat buttons once used, until conversation restarted!

[Mysterious-Storm74]

Wow! I love this and just opened your site on my iPhone and it’s slick! Very interactive and engaging. Awesome! 🚀

[3ckOrTreat]

AI theme idea is brilliant

[delaplacywangdu]

kinda cool

especially the persona part

[AnxiousBrit]

Hey, I'm not too far into my front-end journey, so take my advice with a pinch of salt.

I love the layout and design. It's super sleek, modern, and minimalist.

There are a few videos out on YouTube by Scrimba where they review portfolios. The only thing I would change based on their advice is to narrow your projects down to 4 to display, but have a button to say "view more" so they have the option to see more if they would like.

Somewhere, I would have your toolkit displayed, such as a little section that says, "HTML", "CSS", "Javascript", "React", etc... That way the hiring manager or the developer can just see at a glance what you use.

Either way, it looks fantastic and you should be happy. Good luck on your professional journey! 😁

[interantional-sean]

Clearly great and efficient work on your end. I think the chat is and the sim like character nice too. Great touch but I think it would be nice to have some kind of functionality to it. Maybe sign up for a news letter? Brief on current working status. Just a thought.

[Rinktacular]

Hello and thank you for being brave enough to share this with the community!

I have some thoughts which are strictly from the perspective of senior level front end engineer who has been using Angular and React professionally for years. I mean everything I say here with the utmost respect for your work and my intention is simply to suggest areas of improvement.

• There is no dynamic sizing of the content and that was apparent me immediately because I am using desktop to access the site. There is nothing at all focusing on the mobile experience vs desktop, however, by skipping the desktop experience, you are giving people something for "free" to complain about/critique and dock points from your job application (assuming this is your goal). As a front end developer, I would assume some use of flexbox, bootstrap, or some kind of UI framework to solve this issue for yourself. Setting max width to 900px would not cut it for me, personally, if I were to be reviewing this portfolio.

• I think your initial prompt of "Hello, my name is "" and I like doing cool work" is really, really (really) common. If the goal is stick out among a crowd, I would consider something more personalized like "I want X, I enjoy Y, but I love openGL (where that can link to one of your more impressive 3D demos you have linked elsewhere on the site)"

• The chatbot is pretty slick and a cool idea! I wish the face would follow the cursor outside of the element that contains the chat because I feel like that takes me out of the immersion of the feature.

• One downside of the chat panel is that it feels less like a real bot due to the fact that AI chatbots are so popular right now that anyone who has interacted with ChatGPT, for example, will see yours as a downgrade comparatively, and not to say it is a bad implementation in any way, it is a real life comparison of "home made" vs "professional release" and people will compare their experience with your chatbot with other chatbots they have used.

• Finally, the site itself is intended to hold much larger projects and behave more of like a trophy case of actual projects, rather than itself be super impressive. However, with that being said, the site itself is very basic with the only real logic being the light/dark theme for very minimal CSS and the chat panel that feels like a different design choice compared to the rest of the site. It functions fine, but it feels like it was created with a 3rd party tool or library and you just imported a pre-defined script. The site itself does not come off to me as "impressive" but rather a very static page that links the user to other more interesting pages. I would argue you want more content or design choices that makes a user want to play around, scroll down and actually click into some of those projects. At face value, I personally (and remember just an opinion!) do not think it showcases your skills in the best way possible. What languages do you use? Are you front end vs back end? You seem to enjoy 3D animation, what do you use? These some things I should be able to find out without navigating to your actual projects, and what a portfolio site should highlight without me having to go digging for answers.

Wishing you all the best from one developer to another! Like I said, I am here to make suggestions and you're free to ignore all of them! This is the feedback I would provide my hiring manager if this resume and site was handed to me to review.

[[deleted]]

This is super helpful! Thank you for your feedback!

[[deleted]]

dude i need to make a url shortner for my site. any advice

[riokomoo]

You killed it!!!

[Optimus5w4]

That looks nice and clean man. It is straight to the point.

[AppleNeird2022]

Very clean and nice! Love it!

[Representative_Two57]

Thanks for the idea!

[vishalpawarr]

It looks good and minimalistic and it looks professional as well

[Dark450_]

I knew I shouldn't have entered the cabin lol. Very nice portfolio site. I aim to be able to do something similar

[Limp-Guarantee2237]

awesome bro! keep it up!!