I Created a Responsive Portfolio Website Using Pure HTML, CSS and JavaScript

nice portfolio would really appreciate if you do a tutorial

Thank you. I'll post a video before the end of next week. You can join my YouTube channel, here is the link youtube.com/c/chaoocharles

Thanks;
Will work init!

Hemant Joshi • Jun 28 '20 • Edited

Check mine too and rate mine too😼;

hemant.codes

it's awesome
you're 19 years old?

No I am 18 😼;

I add 27 may to non official and 27 Nov to offical docs😼

I'm 18 too

Nice🎉🎉🎉🎉;
Goodluck;;;

thanks

G33kNoob • Jun 29 '20

why i feel so oldist here, im 30 and still in learning basic js

Hemant Joshi • Jun 29 '20

Wow;🎉🎉🎉🎉🎉🎉

Haha, age is not a problem. You can pick up coding at any age as long as you have the passion.

Ken Bellows • Jun 29 '20

☝️☝️☝️ Truth, I work with several devs who transitioned to programming after 30, it's more than possible

Jason F • Jun 29 '20

I didn't start until I was 30. You got this.

Yeah sure 😊🚀

Temiloluwa • Jun 29 '20

I'm still 17🌝
Started learning a year ago

Chaoo Charles • Jun 30 '20

Keep learning and creating stuff🚀 You got this 💙

Marcus Ungarette • Jun 29 '20

Do not feel lonely. im 30 too, and started learning a year ago. You can do it !!!

G33kNoob • Jun 29 '20

thanks marcus

Aliux02 • Jun 29 '20

I'm 39, and i started to learn... 2 weeks ago... i feel you...

Sarah Price • Jun 29 '20

This is great! I love the addition of dark mode, it's very on trend for 2020. For your portfolio images, I would suggest showing images of the real projects and not stand in images. Otherwise I love the colors, I love the animation.

Thank you so much for the suggestion. I really appreciate 💙

Nice;
Checkout mine hemant.codes

But this website is under development and soon adding darkmode

Emmanuel • Jun 30 '20 • Edited

If you really want control over your website, you'd rather do it from scratch. An "easy" way to do this is by use of css variables and a little bit of javascript. Here's a great guide from Ananya Neogi
OR you could check out darkmode.js

I have taken a look, it's a good one

Hemant Joshi • Jun 28 '20 • Edited

Thank you❤️;
Hey is there any easier way to add darkmode to website?

Initially I will have to use conditions in js in my css script for changing color, but is there better way then this?

Create two themes(css styling) and toggle them with a button click

Yes, this is a good idea but it is going a tough deal for me to implement is there any blog or documentation for darkmode?

See how easy it is: w3schools.com/howto/howto_js_toggl...

Thomas A. Reinert • Jun 29 '20

There's a media query to check if the user has chosen to use dark mode. And you should respect that choice designing your UI.

@media (prefers-color-scheme: dark) {
/* CSS Code when dark mode active */
}

As always with new features don't forget to check on caniuse.com for browser compatibility.

Wow, thank you for this!

Emmanuel Francis Ramos Jr. • Jul 1 '20

Check
medium.com/@katiemctigue/how-to-cr...

It is how Katie Mctigue implemented in her portfolio website in here: katiemctigue.com/

I'm also currently working on my portfolio website implementing the same idea
It's still in development but hey kindly check out: ponnex.dev

E Swarup Kumar • Jun 28 '20

Mann ! Damn good. Absolutely loved it ! This is something which would be a push factor for all the aspiring developers. Waiting for the complete tutorial to post in your YouTube channel. Already subscribed 😊. Have a good day.

Wow, I'm happy you loved it. And welcome to the club, I'll definitely drop a complete tutorial 💙

Hemant Joshi • Jun 29 '20

Hey, Chaoo Charles;

Can I too make a post with the same title?, Just to show my a little bit of work in form of my portfolio website😼;
Hope you don't mind if a make the same titled post", will credit you!
🦄🦄🦄🦄🦄🦄🦄🦄🦄

hemant.codes

Let's talk on chat(inbox) I just texted you there

bnestes18 • Jun 29 '20

Hi! Your portfolio looks awesome. I too have been avoiding the creation of a portfolio but I’m also considering freelancing as a side gig. I’d love to see tutorial on how to create one. Thank you in advance!

Thank you 💙. I'll drop a tutorial on my YouTube channel before the end of the week.

Rafael Osipov • Jul 1 '20 • Edited

Hi, Chaoo.

In your project: github.com/chaoocharles/sppms

There's an unnecessary file added to the repository, I mean temporary MS Word file
"~$OJECT REPORT.docx" file.

I would suggest to remove it from the repository, here's how: stackoverflow.com/a/2047477/12576990

And use .gitignore in your project, to prevent this issue later.

Chaoo Charles • Jul 1 '20

Thank you so much for this man. I really appreciate. I totally forgot to exclude them

rjdon11 • Jun 29 '20

Brother I'm a beginner so I'm requesting u to make a tutorial on this port folio step by step in depth detail to understand bro...plzz make it and I'm subscribe your channel just now ihave seen and I'll share with my all frndz who are interested....thnx in advance

Welcome to the club bro 💙 I'll definitely create a complete tutorial based on this.

Stay awesome always and keep on learning

grendel • Jun 30 '20 • Edited

I like the overall look and feel, but I'm mobile and I have just 2 nitpicks on the way it shows up on my phone

In the "digitize your business" section, there are icons and then headers, but on mobile they are on separate lines. I think the icons should be inline with the headers. (Also you must capitalize "I" at the start of that section)
The project cards alternate between showing the thumbnail above or below the description. On mobile I think this should be uniform, and place the thumbnail above the description.

That's all, good work

Chaoo Charles • Jun 30 '20

Thank you for the remarks. I'll consider them 😊

Ashley E • Jun 29 '20

Not a knock against you but it's funny how in 2020 creating a portfolio with only vanilla tech is worthy of awe and praise from the heavens.
Nice work.