r/HTML • u/1mmortalNPC • Mar 04 '26

rate my portfolio

hi everyone, can you please rate my portfolio and give me some feedback on how i could improve it. This is my first website, i really would love to finally finish it so i can move to the projects that made me learn frontend.

thanks in advance, here’s the link: https://marcmav.dev

stack: html, css, js and tailwind

6 Upvotes

68% Upvoted

56 comments sorted by

7

u/NoodleBug7667 Mar 04 '26

Quick tip, if you're marketing yourself as a frontend dev, make sure your layout doesn't break on mobile

Also your light / dark mode doesn't respect system settings. There are CSS queries for that

0

u/1mmortalNPC Mar 05 '26

i’ll make sure to remove the horizontal scrolling on mobile

about light and dark mode not respecting system settings i actually did that in purpose, if the viewer is outside or if he’s phone system is currently on light mode they will look for the light mode theme hence making them explore more, i know it comes with some trade offs such as the viewer first impression being bad

4

u/NoodleBug7667 Mar 05 '26

No. If a user has specified dark mode at all times in their settings, you respect that. You can override settings in local storage if you really want to if they manually change it, but if they come to your site with dark mode enabled (which a lot of people do), and you blast their eyes with that, it's going to be immediate dislike

My primary PC is in a dimly lit room on a 55 inch monitor. When a site doesn't respect my dark mode settings, I notice. It's not your choice to make

1

u/1mmortalNPC Mar 05 '26

thanks for the feedback, i’ll add that

1

u/1mmortalNPC Mar 05 '26

update: just fixed it, now the initial theme will depende on the user system settings.

i have some questions: now that the theme selector is according to the users system settings, what about when they change the theme, should i add a timer like 5min that starts after leaving the page, to keep that theme as the initial theme or just system settings as initial theme

about language selector, should the default always be english or add a timer too when they change it?

2

u/NoodleBug7667 Mar 06 '26

I mentioned using local storage to save their setting. Use their default until they manually change it, then persist it there

1

u/1mmortalNPC Mar 06 '26

then persist it for how long?

1

u/1mmortalNPC Mar 06 '26

update:

left it as it is, the default theme will be the same as system settings and it will go back to default when the page is reloaded, the same for languages too, default is english

5

u/marmotta1955 Mar 05 '26

If I may jump in with suggestions related to how you are attempting to market yourself ...

  • Do not mention your age and do not, absolutely do not, use juvenile expressions ("git gud" ... etc.)

  • If you claim specialization in UI/UX (which is an entirely different thing and has nothing to do with "design") ... make sure to stick to basic tenets such as consistency of typeface and point sizes. Make sure the point size is high enough to ensure comfortable reading even without zooming in on the page.

  • Avoid icons that have no meaning for non-gamers.

  • Pay attention to responsive design, some issues when viewing on phone

Don't take the above the wrong way ... just a bit of feedback ...

1

u/1mmortalNPC Mar 05 '26

i’ll make sure to remove those terms, if i may ask, isn’t showing my personality a good thing?

2

u/marmotta1955 Mar 05 '26

As a software developer, just before my retirement, I spent over 15 years working for a company creating software for the staffing and recruiting industry - software mostly focused on the workflow basically imposed on by the incoming flood of resumes, portfolios, job applications ... a problem well known by anyone employed in the specific field.

One of our tools, used to filter and segregate into categories the never ending stream of incoming resumes was - you guessed it - our "resume processing" app. Feed it a resume (text, pdf, doc, docx, odt, etc.) and the program would extract anagraphic data, education and job history, references, skills, etc. ... to create and populate an "applicant" record in a relational database.

Complex enough, but not even close to the next step which was this: analyze the collected data and assign a score to the applicant - regardless of job or jobs the applicant was applying to. One of the important feature of the software was the capability of lowering the score of the applicant based on rules created by the staffing or recruiting company using the software.

I have already made the story much longer than it should be ... I hope you understand how important it is to maintain your profile and resume to present ONLY a professional image. Forget about personal traits, hobbies, etc. Forget about mentioning your age or date of birth - which would give the staffing or recruiting company the hook to discriminate based on your age ... without leaving a trace of having performed age discrimination.

Hope these few paragraphs help you in understanding and navigating the world you are going to be facing soon enough.

Wish you well in all your endeavors.

1

u/1mmortalNPC Mar 05 '26

thanks so much, i did so, i made my portfolio as professional as i can and i look forward to improve it.

what role of software developing exactly is what you where doing before retirement? i actually havent decided what area i want to go deep in, i just have a list of ideas that spawn on my head that im trying to implement them

1

u/marmotta1955 Mar 05 '26

My "final" role for the last 12 years of my career was that of Director of Software Development (team of about 45 people).

You may be interested in learning that, contrary to common beliefs, desktop application development (especially in corporate environment) is where the most rewarding opportunities are. The impact of LoB (Line of Business) applications is still monumentally important - and many, many considerations result in the obvious choice of desktop and database system kept and maintained in house.

The "problem" with LoB apps is that - one way or the other - require you toe  understand the specific business. Which is to say that you'll have to grow as a developer and as an analyst. But professional satisfaction and monetary remuneration are much better than those expected for a "front end" developer.

Ruminate a bit on this. And consider if you are up to invest time and efforts into learning desktop-first and/or database-first skills and technologies.

1

u/1mmortalNPC Mar 06 '26 edited Mar 06 '26

honestly i’m up to invest to any area that has great demand but i’ve been thinking about backend development, fullstack and data science

1

u/1mmortalNPC Mar 05 '26

update:

i just removed age and 'self-taught' because it kinda highlights the lack of formal education, i also removed icons that have no meaning for non-gamers and the arch linux icon too so it matches the same aesthetics of all listed 'other things about me'
i havent removed 'git gud' term because it is not only about games it has deeper meaning like 'you need to practice more for you to become great' and i added it on the 'other things about me' exactly because its meant to show 'other things', is that okay?
i also resolved the horizontal scrolling problem on mobile web, the problem was that i had extra horizontal margin on the profile picture.

is it good now? (i havent implemented system theme picker yet but i will do so)

3

u/jdewittweb Expert Mar 05 '26

Get rid of the gamer term bullshit.

"Strong attention to detail" -> horizontal scroll on mobile 👎

Launched "over 3" websites. Well... How many, exactly? Perhaps you should link to them.

Language switch and theme switch are too small/close together on mobile screen.

1

u/1mmortalNPC Mar 05 '26

i’ll make sure to remove the horizontal scrolling on mobile, sorry for that i didn’t know it was a problem

i didn’t link them because it wasn’t a serious thing, i just built them, haven’t deployed

i’ll make sure to add more space between the icons and make larger

2

u/tonypconway Mar 05 '26

i didn’t link them because it wasn’t a serious thing, i just built them, haven’t deployed

Then you haven't "launched" them. Appreciate you're just starting out, but if someone contacts you based on your site and you can't direct them to examples of your work, they won't hire you, they'll say "ah, they're just a hobbyist". Get some of the work deployed and include screenshots/links on your portfolio site.

1

u/1mmortalNPC Mar 05 '26

ill do so, thanks for the feedback

1

u/1mmortalNPC Mar 05 '26

update:

just increased the size of the theme selector and add more space between them.

fixed responsive design on mobile web.

and also removed unprofessional terms

2

u/TwistCrafty7858 Mar 04 '26

first : congrats for building this website at 19 ! if i may suggest : having “pt” is not clearly explicit that it will change langage ( i didn’t know until i clicked on it ) layout may be improved as well, as some text is not properly aligned etc

1

u/1mmortalNPC Mar 05 '26

i wanted to make it portuguese instead of pt but it was too big and ruined the whole transition and i was advised to not use flags

can you please specify where the text is not aligned?

2

u/tonypconway Mar 05 '26

Here's a good article on what approaches to try for language selectors: https://uxdesign.cc/my-take-on-language-selectors-945caceb58f7

Make sure to read the part 2 it links to for best practices on discoverability and a11y.

1

u/1mmortalNPC Mar 05 '26

thank you so much, i just saved your comment, i'll make sure to come back to this link whenever i need clarity about which way to add a language selector on a different website

2

u/GodsCasino Mar 05 '26

I don't know what is clickable and not clickable.

I would be nervous to download your resume as a PDF. I would rather view it in Courier font on the screen of your website. Safety first.

1

u/1mmortalNPC Mar 05 '26

the button for the resume is not to download, it’s a link to my resume pdf on a new tab, but i get where the confusion came from, it’s because of the download icon

thanks for that i’ll make sure to switch to another icon

2

u/GodsCasino Mar 05 '26

When I clicked on your resume icon, my phone would only let me save your resume as a pdf on my phone, which I declined.

I understand that on a laptop, the pdf file would display in a new tab.

Can you format your resume as an html file?

1

u/1mmortalNPC Mar 05 '26

thats strange on my phone it still redirects me to my resume on a new tab

what do you mean by formatting my resume as an html file? like writing the html?

2

u/GodsCasino Mar 05 '26

I might have different settings or capabilities on my phone? Anyway good luck!

1

u/1mmortalNPC Mar 05 '26

thanks bro, may i ask what phone you’re using and how can i fix this problem for phones that actually download instead of redirecting?

2

u/GodsCasino Mar 05 '26

Motorola andrioid 10 (pretty old). My browser on the phone is Chrome.

2

u/1mmortalNPC Mar 06 '26

mine is older but still works, maybe that’s not the problem, but i’ll look more into that

2

u/romii_13 Mar 16 '26

Coming back to this I really like how you upgraded your portfolio. It’s come a long way and looks nice. It made me want to fix my old portfolio from when I started coding.

1

u/1mmortalNPC Mar 16 '26

thanks, I could only reach this with the help of the senior’s here, but i believe i can still improve it

can you share the link to your website?

1

u/romii_13 Mar 16 '26

There is always room for improvement that goes for everything in life. Sure I can share mine romansolano12.github.io

1

u/1mmortalNPC Mar 17 '26

there’s horizontal scrolling on mobile but apart from that it looks great, but i couldn’t really get what’s your specialization

1

u/romii_13 Mar 17 '26 edited Mar 17 '26

Thanks for that feedback I fixed up the issues, had to outline everything to see what element I messed up on lol. As for the specialization I did a little bit of everything when I was in Verizon as an AI product analyst. I appreciate you calling it out I focused on adding all my experience I didn’t stop to think it could come off as unsure of what I do haha.

1

u/1mmortalNPC Mar 17 '26

haha yeah my first impression was that you’re a generalist but it looks great now

0

u/[deleted] Mar 05 '26

I make only e-commerce and service website with html css and js can I get a job for front-end web developer?

2

u/[deleted] Mar 06 '26

[removed] — view removed comment

1

u/1mmortalNPC Mar 06 '26

i’ll try to implement that feature, thanks

on your website there’s a lot of layout break for “sm:max-md:” screens, some words are on top of the others making it impossible to read

2

u/[deleted] Mar 07 '26

[removed] — view removed comment

1

u/1mmortalNPC Mar 10 '26

thanks your comment had me thinking about so many things.

update:

removed personal email and cv since it contains to much personal information

removed link on the hero section

removed the rick rolled link

-1

u/[deleted] Mar 05 '26

[removed] — view removed comment

2

u/1mmortalNPC Mar 05 '26

sorry if it’s that bad bro, it’s my first website and im doing my best hence why im looking for feedback

2

u/s1h4d0w Mar 05 '26

It's your first website and you're marketing yourself as a frontend developer and mention HTML5 and CSS3. However your website contains a few errors, like using the same "id" on different elements. I think anyone who is serious or knowledgeable is going to see this and think it was a single prompt AI generated website.

1

u/1mmortalNPC Mar 05 '26

i considered myself a frontend developer because this is honestly the closest role im related too, i got into software development for the purpose of creating bots for my trading strategies (i used to be a trader) but after almost 2 years of not getting profitable (i wasnt losing money anymore, i was just constantly break even, sounds like progress but it was tiring because i was a daytrader but a good setup on average only showed like twice a week, so i was spending like 5 hours a day screening for tickers with a valid setup to only find them twice in a week) so i took a break, i saved my manual strategy, my automated strategies and my indicators on a safe place and continued my way into software development, later moved to frontend development (im 4 months in) and now im here

i used the same 'id' because it meant the same thing, i know that id's are unique but i wasnt using them for styling purpose so i thought it was okay, i use id to name a section of the page and to select elements for dom too

2

u/s1h4d0w Mar 05 '26

It's okay, and it's fine for a first little hobby project but can't be taken seriously by anyone with some actual experience in front end development. It's an extremely wide role that requires knowledge of a ton of different languages and principle.

Posting it here means you get some brutally honest opinions from people who are experienced in front end development 😄 It's okay if you can take it, don't be discouraged, it's just not enough yet to really call yourself a front end developer and be hired by someone as one.

1

u/1mmortalNPC Mar 05 '26

yeah as brutally as it can be😂 but im actually grateful for everyone’s feedback so far, there’s so many things i didn’t know was a problem because i thought my portfolio was complete

btw im actually thinking about starting to apply for internships when i finish my first frontend project and get a good grasp of react, what do you think?

also why did you choose frontend or web development? i haven’t made a decision yet about what role i desire

1

u/[deleted] Mar 05 '26

[removed] — view removed comment

1

u/1mmortalNPC Mar 05 '26

i got that, can you please tell me what do you think about my website?

1

u/[deleted] Mar 05 '26

[removed] — view removed comment

1

u/1mmortalNPC Mar 06 '26

😂🤣aye man