DEV Community

loading...
Cover image for I Created a Responsive Portfolio Website Using HTML, CSS, Bootstrap, and JavaScript

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

Manoj Kumar
Software Developer. React, Flask, Bootstrap, Jquery, NodeJs, and Python.
惻1 min read

I already had a portfolio but it was created by others. But now have created my portfolio from scratch using HTML, CSS, Bootstrap, and javascript.

Alt Text

Tell me, what amazes you? What should I change?

Here is the link to the portfolio:http://manojcse.me
OR
https://manojcse.netlify.app

Your feedback will be very important to me. It will help to enhance my development skill.

Discussion (45)

Collapse
amlana24 profile image
amlan • Edited

Your screenshots are showing a message on bottom right asking you to Activate windows. This may get you into trouble since it shows you are not using licensed windows version and these screenshots are getting public.

Collapse
mjmaurya profile image
Manoj Kumar Author

then, what should I do

Collapse
patarapolw profile image
Pacharapol Withayasakpunt • Edited

Use macOS / Linux.

Or, properly crop the image.

Collapse
joelbonetr profile image
JoelBonetR

I can't find a reason for not using Linux as a Developer. Keep windows for gaming and Linux (Elementary OS for example) for work. You'll see in few days that it's much more productive :)

Thread Thread
mjmaurya profile image
Manoj Kumar Author

I have used Linux. But due to some specific reason, I'm using Windows

Thread Thread
joelbonetr profile image
JoelBonetR

hahaha rollback so, using linux is free after all and you can get Dual Boot easily

Collapse
dlintott profile image
Daniel Lintott

Either purchase a Windows license if you don't have one... Or give a Linux distro a try. You could easily try a Linux disro in a virtual machine and use that to creatw your screenshots

Collapse
amlana24 profile image
amlan

First crop the images to remove those portions of the image. Then either properly license the OS or use any free OS distribution to work.

Collapse
leob profile image
leob • Edited

What I like about it is the originality - the design does stand out among the myriad of similar-looking portfolio/professional sites, I think that's more important than the minor flaws you could no doubt come up with.

Like others said, I would also advise sharing a bit less personal info, unless you don't mind risking getting bombarded with spam/unwanted attention.

Oh and finally what I just noticed - no https on your site, just http? Maybe you think it's overkill, but http is pretty uncommon nowadays and I think it's also penalized by Google (SEO).

Collapse
mjmaurya profile image
Manoj Kumar Author

thanks, I will enable my SSL

Collapse
vredchenko profile image
Val Redchenko

Further on this subject - there's a tool called lighthouse.js that you could use to check site metrics that Google finds important when ranking pages

Collapse
jaymcconnon profile image
James McConnon

I like the site tbh. The only thing i would say is, i never understood the reasoning behind the percentages. 85 percent of what? You have learnt 85 percent of a language?
I think a more concise way of putting it is your main focuses and then your side interests, then maybe the things you are beginning to tinker with.

Thumbs up on the site design though. Quirky but clean.

Collapse
jamcry profile image
Cem

I think you should review the spacing of elements, for example title of the boxes below "What I am Doing" section is too close to borders, and icons don't seem vertically centered.
Also there are a lot of content, and a lot of different colors. I would simplify the overall layout a little bit so the important parts get attention

Collapse
mjmaurya profile image
Manoj Kumar Author

Can you Visit Now?

Collapse
mjmaurya profile image
Manoj Kumar Author

very very thanks, I will improve it

Collapse
shane profile image
shane

You have a very large amount of personal info on there, I'd recommend you remove it just for privacy reasons, especially your personal phone number and age

Collapse
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

Seconded. Definitely don't put your birth date or phone number anywhere online. That's just an invitation to get doxed.

Collapse
jamcry profile image
Cem

I accidentally put my personal email on a new site, in few hours I started getting junk mail for the domain šŸ˜”

Collapse
mjmaurya profile image
Manoj Kumar Author

thanks for suggestion

Collapse
mjmaurya profile image
Manoj Kumar Author

Can you Visit Now?

Collapse
shane profile image
shane

You've got some serious performance issues here, you locked up my whole PC for a bit when I tried to click on a blog link haha

Collapse
jakeerc profile image
Jakeer • Edited
  • whitespace required
  • proper color pallet
  • better keep cards normal with a shadow
Collapse
mjmaurya profile image
Manoj Kumar Author

Can you Visit Now?

Collapse
hemant profile image
Hemant Joshi šŸ˜¼

Lol, who is the one fool to enable add script in their own Portfolio website?,
I encountered a loop of adds, and ended to close the tab;
Not a good habit ;

Collapse
francisakpede profile image
Francis Akpede

I need this dowload resume what is you contact

Collapse
mjmaurya profile image
Manoj Kumar Author

you can contact me on twitter or Facebook.
by the way which code do you need? animation or download?

Collapse
vredchenko profile image
Val Redchenko

Might I also suggest use of spellchecker? Grammarly is supposed to be a robust tool

Collapse
mjmaurya profile image
Manoj Kumar Author

Can you Visit Now?

Collapse
merichard123 profile image
Richard

I quite like the design, but many employers don't like to download stuff from websites so maybe consider adding the document to your files and linking to it with an anchor tag that way it will open rather than download. Also some of the project images are a little distorted, potentially consider the object-fit property.

Collapse
mjmaurya profile image
Manoj Kumar Author

Can you Visit Now?

Collapse
efaayin profile image
Ifeanyi Alichi

I think you should test for responsiveness on different screen sizes. On an iPhone 6S landscape view, some things are out of place

Collapse
mjmaurya profile image
Manoj Kumar Author

Can you Visit Now?

Collapse
efaayin profile image
Ifeanyi Alichi

I just checked, and some things are still not fixed properly.
Try viewing it on different screens

Collapse
command2win29 profile image
Command2win29

My browser said, that can't see Your sertificate, when I clicked "View"

Collapse
mjmaurya profile image
Manoj Kumar Author

Can you Visit Now?

Collapse
mjmaurya profile image
Manoj Kumar Author

which browser do you use?
I think it will be your browser problem.
so try in chrome, firefox, IE, etc.

Collapse
cmcodes profile image
C M Pandey

Move the into div to center. Keep a light color for the side nav div.

Collapse
mjmaurya profile image
Manoj Kumar Author

Brother Can you Visit Now.

Collapse
jwp profile image
John Peters

Site needs a style overhaul.

Collapse
mjmaurya profile image
Manoj Kumar Author

Can you Visit Now?

Collapse
adwivedi008 profile image
adwivedi008

Hii i am looking forward for developers please do contact if you r intrested @Interstellarassociation@gmail.com

Collapse
mjmaurya profile image
Manoj Kumar Author

I have responded to this email.

Collapse
aiubur profile image
AiuburRahman

Just awesome. Brother keep it up.

Collapse
mjmaurya profile image
Manoj Kumar Author

Thank You