Search Community

Search for posts, comments, members, and topics

Web Development Bootcamp

OY
Omar Yusuf
Oct 22, 2025inProject Showcase

My Portfolio Website - Feedback Welcome

I just finished my portfolio website project. Would love to get feedback from the community!
Graded Activity
5 comments
ST
5 Comments
SM
Sara MohammedOct 22, 2025

Nice portfolio Omar! The responsive design is really well done. I especially like how the project cards rearrange on mobile. The loading animation is smooth too.

OY
Omar YusufOct 23, 2025

Thanks Sara! I used CSS Grid with auto-fit for the project cards. The loading animation is done with Framer Motion.

NF
Nora Al-FaisalOct 23, 2025

I like the color scheme — it's professional without being boring. What tools did you use for the design? Did you prototype in Figma first?

OY
Omar YusufOct 24, 2025

Thanks Nora! Yes, I designed everything in Figma first. I used a monochromatic blue palette with warm accent colors. The design-first approach saved me a lot of time during development.

KH
Dr. Khalid HassanInstructorOct 24, 2025

Good work Omar. A few suggestions: 1) Add more accessibility features — I noticed some images are missing alt text, 2) Consider adding a dark mode toggle, 3) The contact form could use better validation feedback.

OY
Omar YusufOct 25, 2025

Thank you Dr. Hassan! I'll add alt text to all images and work on the dark mode. The form validation is a great catch — I'll use react-hook-form for better UX.

NF
Nora Al-FaisalOct 25, 2025

react-hook-form is excellent for form handling. I'd also recommend zod for schema validation — they work great together.

AR
Ahmed Al-RashidOct 25, 2025

The animation transitions are smooth. Great attention to detail! I noticed you're using intersection observer for scroll animations — that's a smart approach for performance.

NF
Nora Al-FaisalOct 25, 2025

My portfolio uses a dark theme with smooth scroll animations. I implemented a custom cursor and parallax effects for a unique experience. Check it out and let me know what you think!

OY
Omar YusufOct 26, 2025

The parallax effects are stunning! How did you implement them? Is it a library or custom code?

SM
Sara MohammedOct 26, 2025

Custom cursor is a nice touch. Very creative! Does it work on touch devices too?

NF
Nora Al-FaisalOct 27, 2025

I used GSAP for the parallax and custom cursor. On touch devices, the custom cursor is hidden and replaced with standard touch interactions.